问题标签 [onsen-ui2]

带有 VUE vue-onsenui 的 OnsenUIv-ons-segment显示不正确，而不是连续的按钮栏，我得到的是标准按钮。

代码在一个修改过的 Monaca CLI 项目中，带有最小的 VUE 模板，在一个 .vue 文件中：在 page2.vue 中，我还尝试用相同的结果替换 App.vue 中的代码。

代码是：

根据文档，它应该如下所示：https ://onsen.io/v2/api/vue/v-ons-segment.html

这是我得到的结果的屏幕截图：

顶部的工具栏是一个v-ons-toolbar带有v-ons-back按钮的按钮，因此可以使用 vue-onsenui。

为什么它不起作用？

我正在使用 Monaca 2.4.1
节点：8.5.0
NPM：5.4.2
vue-onsenui：2.0.0

我开发了 html + onsenui + jQuery 应用程序，它被指定为混合 android 应用程序（phonegap），但我面临布局和点击/触摸事件不起作用的问题。

这是代码：

应用程序应如下所示：

但如果我将应用程序与电话间隙捆绑在一起，它看起来像这样：

我怀疑整个 jquery 代码在移动设备上不起作用，但在 onsenui 教程工具中它可以正常工作。为什么触摸事件和/或 jQuery 在移动设备上不起作用？谢谢

我需要一个格式很好的 onsen ui 表单，但我做不到。有人可以帮忙吗。当我有不同的 hmtl 文件时，页面导航也不起作用

window.fn.pushPage = function (page, anim){ if (anim) { document.getElementById('myNavigator').pushPage(page.id, { data: { title: page.title }, animation: anim }); } else { document.getElementById('myNavigator').pushPage(page.id, { data: { title: page.title } }); } };

The documentation of the OnsenUI2 ons-card (and in particular for Vue2.js v-ons-card) automatically shows a scrollbar next to the content if I add many v-ons-list-item elements.

See here: https://onsen.io/v2/api/vue/v-ons-card.html

Here's a screenshot of what happens when I modify the tutorial with extra list items, and the scrollbar added:

But then when I do it manually in my code I get no scrollbar.

它是如何实现的？

该示例未显示完整的 css，并且在 chrome devtools 中我无法打开并显示演示应用程序。:-(

添加style="overflow: auto"到包装卡片内部、卡片内容或卡片本身的 div 不会做任何事情。

OnsenUI2 有一个带有分段按钮元素的分段。当前选择的段（单选）按钮的蓝色在哪里决定在css中，我该如何覆盖它？

查看 segment__button 我发现它的颜色是透明的。也许除了特定的 css 之外，它还依赖于其他地方定义的变量和 css？（引导程序？）。

这是从 OnsenUI2 网站上的文档中定义一个片段的示例 html ：

在github 上的 OnsenUI2 代码中， 我看到了这个：

我试过 .segment、.button 或 .segment-item。我尝试了每个：active 和 :checked 我尝试了 .check 和 .checked 与背景背景颜色。但它只涵盖了文本。它必须是背景中的东西！

--segment-active-background-color 等自定义道具在哪里定义？我在 css 文件中找不到它们！

那么如何设置段元素的背景呢？- 段项未（选中）处于活动状态时的背景和文本颜色。- （选中的）活动段项的背景和文本颜色 - 段本身的边框（“框架”）和段项按钮。

谢谢！！

有没有办法在 onsen ui 的不同 html 页面中包含常用元素，例如拆分菜单，而不是在每个页面上重复代码？

我将 onsenUI 框架与 Cordova 结合使用以创建混合应用程序。

出于某种原因，我观察到工具栏（文本）和 iOS 状态栏（iPhone 6s、iOS 11）之间的差距大于应有的差距，请参阅链接以获取示例。工具栏示例

为了解决这个问题并确保问题不是由我自己的代码引起的，我采用了https://onsen.io/v2/api/js/ons-toolbar.html上工具栏参考的非常简单示例的代码看看在同一个 iPhone 上发生了什么（没有使用自己的 css 文件）并观察到相同的行为。

我正在使用 Cordova 构建应用程序并使用 config.xml 的基本设置，它们是标准 Cordova 应用程序模板的一部分。我申请的是Onsen 2.8.2版本，也试过CDN版本。我正在使用真正的 iPhone 通过 XCode 测试构建。

为了确认它不是 Cordova，我还使用了纯 HTML 和 Framework7 中的一个厨房工具，对于相同的 Cordova 设置，两者都没有观察到差距，所以有些东西与 Onsen 设置有关。

在浏览器中运行应用程序时不会显示间隙。

无论如何有相同的行为和/或想法是怎么回事？

我正在使用 Vue Onsen UI 并尝试为每个选项卡呈现一个 Vue 单文件组件。

在此处的文档中，他们在单个页面中使用模板。这不是很可重用。我希望能够导入自定义组件并渲染它。

这是我正在尝试做的事情，但似乎不起作用。

你能建议我应该尝试什么吗？

我正在使用 Vue Onsen UI 来创建渐进式 Web 应用程序。我有一个可能有点长的标题，我把它放在中间，希望它能正常换行，但事实并非如此。toolbar类是绝对定位的。

这是网站上的一个工作示例。

为了测试它，我们需要增加div.center.

有人可以帮我理解并解决这个问题吗？让我知道是否需要更多信息。

标题说明了一切，但我似乎找不到将 OnsenUI 框架添加到现有 Cordova 项目的方法。如何才能做到这一点？