uView的安装和使用

前提:HbuilderX,node环境,创建uni项目

安装:

  1.npm install uview-ui

  2.uview依赖scss

    npm i node-scss -d

    npm i scss-loader -d

配置:

  1.main.js

    import uView from "uview-ui";
    Vue.use(uView);

  2.uni.scss

    @import 'uview-ui/theme.scss';

  3.app.vue引入样式

    <style lang="scss">
    /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
      @import "uview-ui/index.scss";
    </style>

  4. 配置easycom组件模式   

    // pages.json
    {
      "easycom": {
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
      },
      // 此为本身已有的内容
      "pages": [
        // ......
      ]
    }

使用:  https://uviewui.com/components/quickstart.html

上一篇:学习笔记 - Sass的安装与使用手册


下一篇:HubilderX中编译sass文件