uniapp引入uView UI
下载uViewUI https://ext.dcloud.net.cn/plugin?id=1593解压下载文件,将uviewui文件夹复制到项目复制到项目位置1.在main.js引入import uView from "uview-ui";Vue.use(uView);2.在uni.scss文件引入uView的全局SCSS主题文件@import 'uview-ui/theme.scss';3.在
·
uViewUI官方文档:https://www.uviewui.com
方法一(1.x版本)
下载uViewUI https://ext.dcloud.net.cn/plugin?id=1593
解压下载文件,将uviewui文件夹复制到项目
复制到项目位置
1.在main.js引入
import uView from "uview-ui";
Vue.use(uView);
2.在uni.scss文件引入uView的全局SCSS主题文件
@import 'uview-ui/theme.scss';
3.在App.vue引入uView基础样式
注意! 在App.vue中首行的位置引入,注意给style标签加入lang="scss"属性
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";
</style>
方法二(2.x版本)
打开插件市场https://ext.dcloud.net.cn/plugin?id=1593将uViewUI导入到对应的项目中
1.在main.js引入
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
2.在uni.scss文件引入uView的全局SCSS主题文件
@import '@/uni_modules/uview-ui/theme.scss';
3.在App.vue引入uView基础样式
注意! 在App.vue中首行的位置引入,注意给style标签加入lang="scss"属性
<style lang="scss">
/* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
@import "@/uni_modules/uview-ui/index.scss";
</style>
更多推荐
已为社区贡献4条内容
所有评论(0)