commit | 953ff16a7f79ca702beb279719970c9f438732b2 | [log] [tgz] |
---|---|---|
author | Tw93 <tw93@qq.com> | Mon Nov 25 20:20:39 2019 +0800 |
committer | GitHub <noreply@github.com> | Mon Nov 25 20:20:39 2019 +0800 |
tree | a29b346b89899da52fe01642b25c9171e6c3a7d8 | |
parent | 61cb5efd3de61f4fc4b392fee4c1c9f43bd9effd [diff] | |
parent | e65d3ad0f4a2b1eb853219fa2cd1743d9918b333 [diff] |
Merge pull request #481 from apache/dev moving to apache
A rich interactive, lightweight, high performance UI library based on Weex.
Try it with Fliggy、Taobao、Tmall、Weex Playground or any browsers now!
npm i weex-ui -S
<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>
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 } ] ] }
webpack.config.js
has a exclude for node_modules, please turn on for week-ui as exclude: /node_modules(?!(\/|\\).*(weex).*)/
.weex-ui
to the latest.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.
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!