前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >uni-app uView框架

uni-app uView框架

作者头像
赵哥窟
发布2021-12-16 09:37:43
8530
发布2021-12-16 09:37:43
举报
文章被收录于专栏:日常技术分享日常技术分享
1.介绍

uView是uni-app的UI框架 简单来说就是uView定义了一些常用的式样。不需我们在重复造轮子了。

2.安装

安装方式 我选择npm安装

代码语言:javascript
复制
// 安装
npm install uview-ui
3.配置

配置 由于我是使用npm方式安装的,所以我选择npm方式安装的配置

注意@import "uview-ui/index.scss";可以放到main.js中,其他的按照官方文档就可以

代码语言:javascript
复制
<style lang="scss">
    /* 注意要写在第一行,同时给style标签加入lang="scss"属性 */
    @import "uview-ui/index.scss";
</style>
4.使用

比如写一个镂空按钮.这样一点代码就实现了。

代码语言:javascript
复制
<u-button :plain="true">斩棘</u-button>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/10/25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1.介绍
  • 2.安装
  • 3.配置
  • 4.使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档