Skip to content
使用 mpvue 框架重写 zanui。
Branch: master
Clone or download
Latest commit a4bbefb Feb 17, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build 更新mpvue至v1.0.13版本 Aug 12, 2018
config init Mar 13, 2018
examples add entry for npm Mar 16, 2018
src 更新mpvue至v1.0.13版本 Aug 12, 2018
static init Mar 13, 2018
.babelrc init Mar 13, 2018
.editorconfig init Mar 13, 2018
.eslintignore init Mar 13, 2018
.eslintrc.js 更新mpvue至v1.0.13版本 Aug 12, 2018
.gitignore init Mar 13, 2018
.postcssrc.js init Mar 13, 2018
LICENSE Initial commit Mar 13, 2018
README.md Update README.md Feb 17, 2019
index.html init Mar 13, 2018
index.js add entry for npm Mar 16, 2018
package-lock.json 1.0.3 Aug 12, 2018
package.json 1.0.3 Aug 12, 2018
project.config.json 更新mpvue至v1.0.13版本 Aug 12, 2018
yarn.lock change tab props function to $emit Apr 28, 2018

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.