ce4c83ff
 wxy
初始提交
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
|
# mpvue-zanui
> 使用 mpvue 重写 [zanui-weapp](https://github.com/youzan/zanui-weapp/)，实现了其中所有组件。
## 使用方法
### 运行小程序 demo
``` bash
1. git clone
git clone https://github.com/samwang1027/mpvue-zanui.git
2. 安装依赖
cd mpvue-zanui && npm install
3. 启动程序
npm run dev
4. 预览
打开微信开发者工具，新建项目，将目录指向 /dist 即可
```
### 引用组件
1. 安装 npm 包
```
npm install mpvue-zanui
```
2. 在 `App.vue` 内通过 `@import '~mpvue-zanui/src/assets/style/zanui.wxss';` 的方式导入zanui样式
~~3. 调用方式在 `node_modules/mpvue-zanui/index.js` 中，如 `import {TopTips} from 'mpvue-zanui'`~~
3. 由于需要等待 mpvue-loader 升级重构，暂时仅能直接引用 `import TopTips from 'mpvue-zanui/src/components/zan/toptips'`
4. 组件的详细使用方式通过阅读源码理解
## Bug
- Field 输入框界面中，带圆角输入框因为 css 问题，placeholder 无法靠右
## todo
- [ ] props 属性使用对象包装
- [ ] props 中不注入 function，用 $emit 替换
- [ ] CSS 全局引用改为分块引用
|
