uView的安装和使用


uView的安装和使用

 

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

安装:

  1.npm install uview-ui

  2.uview依赖scss

    npm i node-sass -d

    npm i sass-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": [
        // ......
      ]
    }


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM