All Projects → MPComponent → Mpvue Weui

MPComponent / Mpvue Weui

Licence: mit
基于 mpvue 的 weui 框架

Projects that are alternatives of or similar to Mpvue Weui

Alaweb
一套 Vue 代码,多端可用(H5、小程序、苹果App、安卓App、头条等)。系统含150+页面,200+组件(5端通用),30+元件(每个终端独立完成)
Stars: ✭ 837 (+200%)
Mutual labels:  mpvue, weui
Mpvue Weui
用 vue 写小程序,基于 mpvue 框架重写 weui。
Stars: ✭ 1,463 (+424.37%)
Mutual labels:  mpvue, weui
Mp Weui
mp-weui 是基于 mpvue 和 weui-wxss 的微信小程序 UI 库。
Stars: ✭ 167 (-40.14%)
Mutual labels:  mpvue, weui
mpvue-quickstart
🐱‍👤 更优雅的 mpvue 起手式
Stars: ✭ 178 (-36.2%)
Mutual labels:  mpvue
citySelector
🛳基于mpvue的微信小程序 城市/区县定位选择模块 汉字/拼音搜索 可直接使用 已更新
Stars: ✭ 52 (-81.36%)
Mutual labels:  mpvue
React Click Outside
Higher Order Component that provides click outside functionality
Stars: ✭ 266 (-4.66%)
Mutual labels:  component
Vue Context Menu
🗃️ Vue 2.x 右键菜单组件,菜单内容可以随意自定义
Stars: ✭ 279 (+0%)
Mutual labels:  component
my-project
mpvue体验
Stars: ✭ 25 (-91.04%)
Mutual labels:  mpvue
Paper Switch
🎚 RAMPaperSwitch is a Swift material design UI module which paints over the parent view when the switch is turned on. iOS library by @Ramotion
Stars: ✭ 2,902 (+940.14%)
Mutual labels:  component
Switzerland
🇨🇭Switzerland takes a functional approach to Web Components by applying middleware to your components. Supports Redux, attribute mutations, CSS variables, React-esque setState/state, etc… out-of-the-box, along with Shadow DOM for style encapsulation and Custom Elements for interoperability.
Stars: ✭ 261 (-6.45%)
Mutual labels:  component
React Weui
weui for react
Stars: ✭ 2,793 (+901.08%)
Mutual labels:  weui
Antue
🌟 A set of enterprise-class Vue UI components, following the Ant Design specification.
Stars: ✭ 254 (-8.96%)
Mutual labels:  component
Vue Ydui
A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
Stars: ✭ 2,798 (+902.87%)
Mutual labels:  component
mpvue-cnode
基于bootstrap和mpvue的微信小程序
Stars: ✭ 46 (-83.51%)
Mutual labels:  mpvue
React Native Image View
Modal component to view images with zoom
Stars: ✭ 273 (-2.15%)
Mutual labels:  component
emotional-sticker
基于mpvue和bootstrap的微信小程序
Stars: ✭ 28 (-89.96%)
Mutual labels:  mpvue
Uieffect
UIEffect is an effect component for uGUI element in Unity. Let's decorate your UI with effects!
Stars: ✭ 3,449 (+1136.2%)
Mutual labels:  component
Unmaskforugui
Reverse mask for uGUI element in Unity.
Stars: ✭ 259 (-7.17%)
Mutual labels:  component
Ngx Slider
Self-contained, mobile friendly slider component for Angular 6+ based on angularjs-slider
Stars: ✭ 258 (-7.53%)
Mutual labels:  component
Esp Aliyun
Aliyun Iotkit-embedded, support esp32 & esp8266.
Stars: ✭ 262 (-6.09%)
Mutual labels:  component

mpvue-weui logo

npm npm

Mpvue-WeUI

Mpvue-WeUI是基于 mpvue 的一个小程序 UI 框架, 保留了 weui 的视觉规范,旨在提高小程序开发体验,同时让用户的使用感知更加统一。

文档

mpvue-weui 文档

扫码体验

安装

npm install mpvue-weui

or

yarn add mpvue-weui

使用

/* 全局引入 weui.css (在 `src/main.js` 中引入 weui.css) */
import 'mpvue-weui/src/style/weui.css';
<template>
  <mp-button type="primary" size="large" btnClass="mb15">默认按钮</mp-button>
</template>
<script>
  import mpButton from 'mpvue-weui/src/button';
  export default {
    components: {
      mpButton,
    },
  }
</script>
  • 目前由于 mpvue 暂不支持全局安装组件,因此只能通过页面单独引入。
  • 更多组件

开发预览

1. git clone
git clone [email protected]:MPComponent/mpvue-weui.git

2. 安装依赖
npm install

3. 启动程序
npm run dev

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

相关说明

之前写了 用 vue 写小程序,基于 mpvue 框架重写 weui,这个是在 mpvue 开源之初写的,开始的目的是想重写下 weui,然后写了一些踩坑文档。可能有点遗憾的是没有对其进行完整的封装,以至于在使用过程中就很不方便,在 issues 中也看到一些关于能不能封装成一个独立的 UI 框架的想法,加上大家也给了这个仓库这么多 ⭐️ ⭐️ ,因此决定将其封装成一个独立的 UI 框架:mpvue-weui

贡献

欢迎各位大佬贡献代码,贡献方法如下:

  • fork 本仓库到自己账户下
  • 提交变更
  • PR 到本仓库 (dev 分支)
  • 等待 Review
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].