mp-weui icon indicating copy to clipboard operation
mp-weui copied to clipboard

mp-weui 是基于 mpvue 和 weui-wxss 的微信小程序 UI 库。

mp-weui

npm npm license

mp-weui 是基于 mpvueweui-wxss 的微信小程序 UI 库。

安装

npm i -S mp-weui

使用

# 在 App.vue 中全局引入 css 文件
import 'mp-weui/lib/style.css'

# 由于 mpvue component 暂不支持全局注册,暂时只能使用局部注册
import MpRadio from 'mp-weui/packages/radio'

export default {
  components: {
    MpRadio
  }
}

文档

文档地址

开发进度

表单

  • [x] Button(小程序原生组件)
  • [x] Checklist
  • [x] Field(待优化)
  • [x] Radio
  • [x] Slider
  • [x] Switch
  • [x] Uploader

基础组件

  • [x] Badge
  • [x] Footer
  • [x] Gallery(小程序原生组件)
  • [x] Grid(待优化)
  • [x] Icons(小程序原生组件)
  • [x] List(待优化)
  • [x] Loadmore
  • [x] Panel
  • [x] Preview
  • [x] Progress

操作反馈

  • [x] Actionsheet
  • [x] Dialog
  • [x] Msg
  • [x] Picker
  • [x] Toast

导航相关

  • [x] Navbar
  • [x] Tabbar(建议采用小程序原生的tabbar,通过设置app.json来实现)

搜索相关

  • [x] Searchbar(待优化)