标签:scss uview app uView ui import uni
第一步:在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的组件了
标签:scss,uview,app,uView,ui,import,uni 来源: https://www.cnblogs.com/zyzlb/p/15894816.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。