alibaba/weex-ui


🏄 A rich interaction, lightweight, high performance UI library based on Weex.

https://alibaba.github.io/weex-ui

License: Apache-2.0

Language: Vue

Keywords: mobile, ui-components, vue, weex


Weex Ui

中文 | English

Build Status npm NPM downloads NPM all downloads CNPM all downloads GitHub last commit GitHub closed issues Package Quality Join the chat at https://gitter.im/alibaba-weex-ui/chat

A rich interactive, lightweight, high performance UI library based on Weex.

Docs

Demo

Try it with Fliggy、Taobao、Tmall、Weex Playground or any browsers now!

Installation

npm i weex-ui -S

Usage

<template>
  <div>
    <wxc-button text="Open Popup"
                @wxcButtonClicked="buttonClicked">
    </wxc-button>
    <wxc-popup width="500"
               pos="left"
               :show="isShow"
               @wxcPopupOverlayClicked="overlayClicked">
    </wxc-popup>
  </div>
</template>

<script>
  import { WxcButton, WxcPopup } from 'weex-ui';
  // or
  // import WxcButton from 'weex-ui/packages/wxc-button';
  // import WxcPopup from 'weex-ui/packages/wxc-popup';
  module.exports = {
    components: { WxcButton, WxcPopup },
    data: () => ({
      isShow: false
    }),
    methods: {
      buttonClicked () {
        this.isShow = true;
      },
      overlayClicked () {
        this.isShow = false;
      }
    }
  };
</script>

Before use

In order to not pack all the components, you need to use babel-plugin-component to import the specified component. At the same time, if you haven't installed babel-preset-stage-0, its necessary to install it.

npm i babel-preset-stage-0 babel-plugin-component -D
{
    "presets": ["es2015", "stage-0"],
    "plugins": [
        [
            "component",
            {
                "libraryName": "weex-ui",
                "libDir": "packages",
                "style": false
            }
        ]
    ]
}

More

  • If babel-loader in webpack.config.js has a exclude for node_modules, please turn on for week-ui as exclude: /node_modules(?!(\/|\\).*(weex).*)/.
  • In order to get the latest features, please focus on the ChangeLog and often update weex-ui to the latest.
  • Many questions can be found from faq and issue list, if you find a new bug, just file a issue.
  • More experience in Weex construction can be learned from Weex + Ui - Weex Conf 2018 ,welcome to translate it.

Development

npm i
npm run start

Once it has been compiled, a browser window will be opened automatically. You can switch to developer mode to see the demo. And there will be a QR code that you can use to try the demo on your phone in the console.

Support

  • Use Weex Ui in your daily work.
  • Star it if you like.
  • Join the chat at DingTalk to help solve weex problems.

Contribution

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our Contributing Guide before making a pull request.

Thank you to all the people who already contributed to Weex Ui!

License

  • The Apache License
  • Please feel free to use and contribute to the development.

Project Statistics

Sourcerank 13
Repository Size 5.62 MB
Stars 4,611
Forks 870
Watchers 182
Open issues 6
Dependencies 780
Contributors 33
Tags 48
Created
Last updated
Last pushed

Top Contributors See all

Tw93 wjun94 木羽 gjj Yhspehy PLAsusu weue AlphaNut starYd0g D See Ker shinriyo Reed Sun Liang Wei xiaomao Feng liuyunwei Snyk bot jieexu marekchen Pengcheng Yang wh3mi0v

Packages Referencing this Repo

ku-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.16 - Published - 4.61K stars
weex-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.17 - Updated - 4.61K stars
weex-ui-demo
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.18 - Updated - 4.61K stars
wx-ui-demo
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.17 - Updated - 4.61K stars
longrise-weex-ui
永兴元weexOA标准控件规范
Latest release 0.7.0 - Published - 4.61K stars
torn-test-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.5 - Updated - 4.61K stars
lighting-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.3.119 - Updated - 4.61K stars
butterfly-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.1.3 - Updated - 4.61K stars
distribute-weex-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.51 - Updated - 4.61K stars
weex-longriseoa
永兴元weex oa标准控件
Latest release 0.1.3 - Updated - 4.61K stars
tsweex-x
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.0.1 - Published - 4.61K stars
piger-weex-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.0.1 - Published - 4.61K stars
piger-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.0.1 - Published - 4.61K stars
standardoa-ui
永兴元weex oa标准控件
Latest release 0.0.2 - Updated - 4.61K stars
standard-oa-widget
永兴元weex规范
Latest release 0.7.0 - Published - 4.61K stars
secoo-weex-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.19 - Updated - 4.61K stars
tmui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.0.3 - Updated - 4.61K stars
zoiew-weex-ui
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.0.1 - Published - 4.61K stars
weex-ui-test
A rich interaction, lightweight, high performance UI library based on Weex
Latest release 0.6.13 - Published - 4.61K stars

Recent Tags See all

v0.6.16 July 07, 2019
v0.6.15 July 05, 2019
v0.6.14 May 28, 2019
v0.6.13 May 15, 2019
v0.6.12 April 29, 2019
v0.6.11 April 11, 2019
v0.6.10 March 11, 2019
v0.6.9 January 16, 2019
v0.6.8 December 29, 2018
v0.6.7 October 27, 2018
v0.6.6 September 07, 2018
v0.6.5 July 29, 2018
v0.6.4 June 07, 2018
v0.6.3 May 14, 2018
v0.6.2 April 23, 2018

Interesting Forks See all

opencollective/weex-ui
🏄 A rich interaction, lightweight, high performance UI library based on Weex.
Vue - MIT - Last pushed - 1 stars
HS-Light/weex-ui
🏄 一个基于 Weex 的富交互、轻量级、高性能、三端统一的金融 UI 组件库
Vue - MIT - Last pushed - 1 stars
erha19/weex-ui
🏄 A rich interaction, lightweight, high performance UI library based on Weex.
JavaScript - Updated - 1 stars
guo-guo/weex-ui
🏄 A rich interaction, lightweight, high performance UI library based on Weex.
JavaScript - Published - 1 stars
dalavanmanphonsy/weex-ui
🏄 A rich interaction, lightweight, high performance UI library based on Weex.
This repository is no longer available - 1 stars - 1 forks

Something wrong with this page? Make a suggestion

Last synced: 2019-09-20 03:40:32 UTC