uView安装

安装

1. uView使用easycom模式，需要Hbuilder X 2.5.5及以上版本才支持
2. easycom打包的时候是按需引入的，您可以放心引入uView的整个组件库，发布打包时会自动剔除您没有使用的组件(注意：调试时仍然是全部引入的)

通过npm的方式下载安装，安装后在package-lock.json中有显示

配置

需要已安装scss插件

引入

1. 引入uView的js库

   在main.js中引入js库，放在import Vue之后

2. 引入uView的scss主题文件

   在uni.scss中引入

3. 引入uView的基础样式

   在App.Vue首行引入

4. 配置easycom组件模式

   在pages.json中配置

都配置后，HBuilder没有相关提示，右键项目重新构建项目索引才有提示

使用

uView的使用是使用uView的组件或者样式

使用组件

我们使用原生的组件的时候，一般是写组件，设置class，配置style

使用uView的组件，是：使用组件，组件后面直接跟各种属性

比如它的button

<u-button shape="square">乌啼</u-button>    // 圆角
<u-button size="default">江湖</u-button>    // 尺寸

官方文档，组件中有每个组件的API有支持的属性

使用样式

uView自己定义了一些样式变量，我们在自己的组件的class中引用这些样式变量，比如

<view class="u-line-1">
是日也，天朗气清，惠风和畅，仰观宇宙之大，俯察品类之盛，所以游目骋怀，足以极视听之娱，信可乐也
</view>

内置样式

内置样式