新生报到移动端V1.0
This commit is contained in:
58
uni_modules/zero-loading/readme.md
Normal file
58
uni_modules/zero-loading/readme.md
Normal file
@@ -0,0 +1,58 @@
|
||||
# zero-loading
|
||||
|
||||
> 仅测试于 vue2, vue3, 微信小程序. 其他平台自行测试
|
||||
|
||||
## 使用方法
|
||||
|
||||
导入 `uni_modules` 后直接使用即可
|
||||
|
||||
提供多种加载动画类型,传入 type 改变 loading 样式,不传默认 circle
|
||||
|
||||
### 全屏使用
|
||||
|
||||
```html
|
||||
<zero-loading v-if="loading"></zero-loading>
|
||||
```
|
||||
|
||||
### 局部使用
|
||||
|
||||
**父元素的 `position` 记得改为 `relative` 不然可能影响效果**
|
||||
|
||||
```html
|
||||
<zero-loading type="pulse" position="absolute"></zero-loading>
|
||||
```
|
||||
|
||||
## 参数说明
|
||||
|
||||
| 参数 | 类型 | 默认值| 描述 |
|
||||
| -------- | ------- | ------| ------------ |
|
||||
| type | String | atom | 样式 |
|
||||
| position | String | fixed | 定位方式 |
|
||||
| zIndex | Number | 9 | |
|
||||
| mask | Boolean | false | 是否需要遮罩 (默认为全屏遮罩,背景色默认为黑色)|
|
||||
| maskOpacity | Number | 0.3 | 遮罩透明度 |
|
||||
| maskMini | Boolean | false | 传入true时,使用小遮罩 |
|
||||
| maskDark | Boolean | true | 传入false时,遮罩背景色为白色 |
|
||||
|
||||
### type 可选值:
|
||||
|
||||
| type 值 | 描述 |
|
||||
| -------- | ---- |
|
||||
| radar | 雷达 |
|
||||
| gear | 齿轮 |
|
||||
| sword | 剑气 |
|
||||
| atom | 原子 |
|
||||
| circle | 圆环 |
|
||||
| love | 爱心 |
|
||||
| pulse | 脉冲 |
|
||||
| sun | 太阳 |
|
||||
| eyes | 眼睛 |
|
||||
| triangle | 三角 |
|
||||
| bounce | 弹跳 |
|
||||
|
||||
插件预览:
|
||||

|
||||
|
||||
> 小程序搜索: zerojs零技术
|
||||
|
||||
> 预览的小程序不一定能及时更新当前插件
|
Reference in New Issue
Block a user