目的:可以快速搭建静态页
地址:uView 2.0 - 全面兼容nvue的uni-app生态框架 - uni-app UI框架
他是一个全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具
先登录插件市场,若没有注册,请先注册
下载导入示例项目(右侧)
解压缩文件夹,找到 uni_modules
把该文件夹放入自己的项目根目录
在全局中引入uview并调用uview 引入主题样式
eg:
import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
@import '@/uni_modules/uview-ui/theme.scss';
在全局引用的话
<style lang="scss">
@import "@/uni_modules/uview-ui/index.scss";
</style>
在各个页面引入 每一个引入的都不一样
<u-icon name="photo"></u-icon>
import uIcon from "@/uni_modules/uview-ui/components/u-icon/u-icon.vue"
components:{
uIcon
}
在page.json中
若您是通过uni_modules形式引入的,可以不用这个配置
"easycom": {
"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
},
接下来就可以在官网找到你喜欢的样式进行引入