Name Last Update
..
build Loading commit data...
config Loading commit data...
examples Loading commit data...
node_modules/vuex Loading commit data...
src Loading commit data...
static Loading commit data...
.babelrc Loading commit data...
.editorconfig Loading commit data...
.eslintignore Loading commit data...
.eslintrc.js Loading commit data...
.postcssrc.js Loading commit data...
LICENSE Loading commit data...
README.md Loading commit data...
index.html Loading commit data...
index.js Loading commit data...
package.json Loading commit data...
project.config.json Loading commit data...
yarn.lock Loading commit data...

README.md

mpvue-zanui

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

使用方法

运行小程序 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 全局引用改为分块引用