Question

我想用vue Maintain both iOS and Material Themes in single app。但在文档Framework7 vue中找不到如何从材料设计开始。我知道我必须做一些更改，但不能得到任何关于vue的提示。导航到其他页面后，我遇到了一些重叠的问题。请帮我。或者使用framework7 vue建议模板。

Answer 1

frontpage本身提供了三个模板：

Answer 2

//IOS:
  require('framework7/dist/css/framework7.material.css');
  require('framework7/dist/css/framework7.material.colors.css');
  require('framework7-icons/css/framework7-icons.css');

//Android:
  require('framework7/dist/css/framework7.ios.css');
  require('framework7/dist/css/framework7.ios.colors.css');
  require('framework7-icons/css/framework7-icons.css');

我已经使用过，您可以将其更改为导入语句。

new Vue({
      el: '#app',
      template: '<app/>',
      // Init Framework7 by passing parameters here
      framework7: {
        root: '#app',
        /* Uncomment to enable Material theme: */
        material: true,
        routes: Routes
      },
      // Register App Component
      components: {
        app: App
      }
  })

将材质设置为true，将iso设置为false。它会像charam一样工作

Answer 3

我不确定我理解你的问题，框架7和材料设计是不同的UI库等等，你可以在你的应用程序中使用它们，这是你的选择。用于vue md设计的Ther eis库，例如这个

https://vuematerial.io/

您也可以将这些样板用于f7

https://github.com/pvtallulah/base-vue-f7v2-template f7 v2

https://github.com/pvtallulah/base-vue-f7-webpack-cordova f7 v1

如何从Material7 Vue开始进行材料设计？

3 个答案: