The Wayback Machine - http://web.archive.org/web/20201109111159/https://github.com/armyja/mpvue-zanui
Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

README.md

mpvue-zanui

使用 mpvue 重写 zanui-weapp,实现了其中所有组件。

Vant Weapp 是基于有赞 Zanui 组件库进行的品牌升级,对于仍在使用 Zanui 的用户,建议逐渐使用 Vant Weapp 替换原有的组件。

Zanui 后续会进入维护状态,仓库地址为:https://github.com/youzan/zanui-weapp
Vant 在 mpvue 的使用方法可参照 https://github.com/Rychou/mpvue-vant

使用方法

运行小程序 demo

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
  1. App.vue 内通过 @import '~mpvue-zanui/src/assets/style/zanui.wxss'; 的方式导入zanui样式

3. 调用方式在 node_modules/mpvue-zanui/index.js 中,如 import {TopTips} from 'mpvue-zanui'

  1. 由于需要等待 mpvue-loader 升级重构,暂时仅能直接引用 import TopTips from 'mpvue-zanui/src/components/zan/toptips'

  2. 组件的详细使用方式通过阅读源码理解

Bug

  • Field 输入框界面中,带圆角输入框因为 css 问题,placeholder 无法靠右

todo

  • props 属性使用对象包装
  • props 中不注入 function,用 $emit 替换
  • CSS 全局引用改为分块引用
You can’t perform that action at this time.