如何快速使用小程序ui框架

目的:可以快速搭建静态页

地址: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"
    },

接下来就可以在官网找到你喜欢的样式进行引入

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值