commit | 1085d698129d85b7f6c5e19e9846ceac810b9f3e | [log] [tgz] |
---|---|---|
author | Tw93 <tw93@qq.com> | Mon Jul 01 20:31:37 2019 +0800 |
committer | GitHub <noreply@github.com> | Mon Jul 01 20:31:37 2019 +0800 |
tree | f13a6741e1d50f456d9f389f263b799a554be843 | |
parent | d6ba177793db63ea98881c6dfb9b3daecc41d2cf [diff] | |
parent | cceee3bdc4f35c01441b8ad876fe10584db05103 [diff] |
Merge pull request #448 from wh3mi0v/dev [!] fix custom textStyle was overwritten by TEXT_FONTSIZE_STYLE_MAP
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!