All Projects → KuangPF → Mpvue Weui

KuangPF / Mpvue Weui

Licence: mit
用 vue 写小程序,基于 mpvue 框架重写 weui。

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Mpvue Weui

Alaweb
一套 Vue 代码,多端可用(H5、小程序、苹果App、安卓App、头条等)。系统含150+页面,200+组件(5端通用),30+元件(每个终端独立完成)
Stars: ✭ 837 (-42.79%)
Mutual labels:  mpvue, wxapp, weui
Wx Book
仿追书神器的小说阅读器小程序
Stars: ✭ 122 (-91.66%)
Mutual labels:  mpvue, wxapp
We Cropper
微信小程序图片裁剪工具
Stars: ✭ 1,972 (+34.79%)
Mutual labels:  mpvue, wxapp
Meedu Wxapp
📜meEdu微信小程序。(wxapp for meedu)
Stars: ✭ 199 (-86.4%)
Mutual labels:  mpvue, wxapp
Mp canvas drawer
🚀 微信小程序上canvas绘制图片助手,一个json就制作分享朋友圈图片
Stars: ✭ 1,611 (+10.12%)
Mutual labels:  mpvue, wxapp
Vue Mpvue Chatrobot
㊙A chat robot for web & Wechat producted by vue+mpvue+nodejs.
Stars: ✭ 269 (-81.61%)
Mutual labels:  mpvue, wxapp
Mp Weui
mp-weui 是基于 mpvue 和 weui-wxss 的微信小程序 UI 库。
Stars: ✭ 167 (-88.59%)
Mutual labels:  mpvue, weui
mpvue canvas drawer
[mpvue版本]微信小程序上canvas绘制图片助手,一个json就制作分享朋友圈图片
Stars: ✭ 43 (-97.06%)
Mutual labels:  wxapp, mpvue
citySelector
🛳基于mpvue的微信小程序 城市/区县定位选择模块 汉字/拼音搜索 可直接使用 已更新
Stars: ✭ 52 (-96.45%)
Mutual labels:  wxapp, mpvue
common-mpvue
使用mpvue开发小程序通用能力封装
Stars: ✭ 31 (-97.88%)
Mutual labels:  wxapp, mpvue
Mpvue Weui
基于 mpvue 的 weui 框架
Stars: ✭ 279 (-80.93%)
Mutual labels:  mpvue, weui
Ithome Lite
🥛 IT之家第三方小程序版客户端(使用 mpvue 开发,兼容 web)
Stars: ✭ 531 (-63.7%)
Mutual labels:  mpvue, wxapp
Wxapp youqu
友趣,一款练手的微信小程序。
Stars: ✭ 70 (-95.22%)
Mutual labels:  wxapp
Service Mpvue Mini
基于mpvue的顺风车、约车小程序,目前已上线~~
Stars: ✭ 89 (-93.92%)
Mutual labels:  mpvue
Cd It Job
针对成都IT小伙伴们的工作(招聘,求职)交流的微信订阅号项目。
Stars: ✭ 68 (-95.35%)
Mutual labels:  weui
Tina
💃 一款轻巧的渐进式微信小程序框架
Stars: ✭ 1,153 (-21.19%)
Mutual labels:  wxapp
Wxh5sudoku469
mpvue版 ——H5 和 微信小程序同时开发 数独游戏
Stars: ✭ 103 (-92.96%)
Mutual labels:  mpvue
Vux Uploader Component
a mobile vue component implementation for weui uploader
Stars: ✭ 87 (-94.05%)
Mutual labels:  weui
Wx Queue Request
控制微信小程序 wx.request 并发请求数量
Stars: ✭ 65 (-95.56%)
Mutual labels:  wxapp
Mpvue Iview Weapp
使用mpvue导入iview-weapp
Stars: ✭ 61 (-95.83%)
Mutual labels:  mpvue

mpvue-weui

用 vue 写小程序,使用 mpvue 框架重写 WeUI。

GitHub package version Build GitHub rep size license FOSSA Status

相关说明

该仓库是基于 mpvue 重写 WeUI,是一个 demo 库,没有实现组件化,目前 MPComponent/mpvue-weui 已实现组件化,支持 npm 安装。

前言

今天早上打开电脑,像往常一样浏览一下 github,看到了一个很不错的框架,没错,就是 mpvue。它是基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。what,小程序可以用 vue写了?简直有点不太敢确定,花了5 分钟看了一下简介,没错,真的可以用vue开发小程序。真的是**限制了我的想象力,明白又该学写了,于是就开始准备利用这个框架写一点项目,感受一下他的魅力(其实是踩坑)。

踩坑文档

记录了踩的一些坑和一些组件在 mpvue 框架中的用法

WeUI

由于是小程序,所以首先想到了实现一下小程序的一些组件,包括 button、loading、picker 等等。总的效果就像weui,或者说用 vue 重写weui

开发预览

1. git clone
git clone https://github.com/KuangPF/wxapp-vue.git

2. 安装依赖
npm install

3. 启动程序
npm run dev

4. 预览
打开微信开发者工具,新建项目,将目录指向 /dist 即可

效果

mpvue-weui-demo01 mpvue-weui-demo02

mpvue-weui-demo03 mpvue-weui-demo04

重写状态

点击展开重写状态

表单

  • Button
  • Input
  • List
  • Slide-View
  • Slider
  • Uploader

基础组件

  • Article
  • Badge
  • Flex
  • Footer
  • Gallery
  • Grid
  • Icons
  • Loading
  • Loadmore
  • Panel
  • Preview
  • Progress
  • Swiper

操作反馈

  • Actionsheet
  • Dialog
  • Half-Screen-Dialog
  • Msg
  • Picker
  • Toast

导航相关

  • Navbar
  • Navigation-Bar
  • Tabbar

搜索相关

  • Searchbar

Issues 相关

  • Request
  • 页面通信(Vuex 实现)
  • Rate

版本日志

releases

Contributors

Thank you to all the people who already contributed to mpvue-weui.

结束语

花了大概一周多的时间来完成了这个项目,过程中收获还是很大的,给我最大的感触就是现在技术发展的很快,如果不学习就真的要落后了。美团开源的mpvue是一个非常不错的框架,而且开发者也正在快速的迭代,开发新的功能,所以它的前景是非常值得期待。另外就是非常感谢关注这个仓库的人,谢谢你们的支持,后续我也会继续维护这个仓库,当mpvue有了一些新的特性或者一些新的语法的时候也会持续更新。如果各位大佬发现了什么问题欢迎PR 或者 Issues

文档是用 docsify构建,所有文档文件在 /docs 目录下面,由于里面图片比较多而且还有gif,可能在git clone的时候会有一点点慢。

License

FOSSA Status

持续维护...

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].