uni-app 引入uView步骤

第一步:在uni-app新建的项目中  使用CMD下载uView   

npm install uview-ui

第二步:在main.js里引入和注册uView  这两句代码需要在import Vue之后

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

第三步:在uni.scss文件中引入uView的全局Scss主题文件

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

第四步:在App.vue文件中引入全局共用的scss文件

<style lang="scss">
    /* 写在第一行,style标签需要加入lang="scss" */
    @import "uview-ui/index.scss";
</style>

第五步:在pages.json中设置下面代码

复制代码
{          // 在这里添加uview组件配置模式
    "easycom": {
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
    },
    
    // 下面是项目本来有的pages 
    "pages": [
        // ......
    ]
}
复制代码

第六步:uniapp引入uView必需依赖scss 必须要安装此插件,在uniapp的插件市场里安装scss  如果有 则忽略此步

第七步:就可以在uni-app中正常使用uView的组件了

posted @   热爱前端的5号机器  阅读(2038)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示