首页 > 其他 > 详细

uView的安装和使用

时间:2021-08-26 17:05:51      阅读:36      评论:0      收藏:0      [点我收藏+]
 

前提: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": [
        // ......
      ]
    }

uView的安装和使用

原文:https://www.cnblogs.com/yumianlinghu/p/15189044.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!