commit | 31127bf9ba26ef30e69eb8793819fdbe3d88b50c | [log] [tgz] |
---|---|---|
author | AlphaNut <1198079622@qq.com> | Wed Sep 18 17:45:03 2019 +0800 |
committer | GitHub <noreply@github.com> | Wed Sep 18 17:45:03 2019 +0800 |
tree | df69b328da3589665fc44f034dd6133fdbd47915 | |
parent | abc2fc02688327d39f733961332a1e0ec8a93a4e [diff] | |
parent | 39834571e7b6bfbbb9e95c940e1c70d0a0265bb2 [diff] |
Merge pull request #464 from alibaba/dev modify license
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!