Weex Ui基于 Weex 的 UI 组件库
Weex Ui 是一个基于 Weex 的富交互、轻量级、高性能的 UI 组件库。
预览
你可以通过飞猪、淘宝、天猫、Weex Playground 或者浏览器扫码体验
安装
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'; module.exports = { components: { WxcButton, WxcPopup }, data: () => ({ isShow: false }), methods: { buttonClicked () { this.isShow = true; }, overlayClicked () { this.isShow = false; } } }; </script>
汇集使用 (推荐)
import { WxcComponent1, WxcComponent2 } from "weex-ui"
为了不打包所有的组件,你需要使用 babel-plugin-component 来只引入需要的组件打包。
npm i babel-plugin-component -D
// 增加一个plugins的配置到 .babelrc 中 { "plugins": [ [ "component", { "libraryName": "weex-ui", "libDir": "packages" } ] ] }
分开使用
import WxcComponent1 from "weex-ui/packages/wxc-component1" import WxcComponent2 from "weex-ui/packages/wxc-component2"
Weex-toolkit
如果你使用weex-toolkit来开发你的Weex项目,你需要向 .babelrc 文件中加入 'state-0' 和 'babel-plugin-component'
npm i babel-preset-stage-0 babel-plugin-component -D
{ "presets": ["es2015", "stage-0"], "plugins": [ [ "component", { "libraryName": "weex-ui", "libDir": "packages" } ] ] }
评论
Taro UI基于 Taro 的多端 UI 组件库
Taro UI 是由凹凸实验室推出的一款基于 Taro 框架开发的多端 UI 组件库。特性基于 Ta
Taro UI基于 Taro 的多端 UI 组件库
0
Taro UI基于 Taro 的多端 UI 组件库
TaroUI是由凹凸实验室推出的一款基于 Taro 框架开发的多端UI组件库。特性基于 Taro 开发UI组件一套组件可以在 微信小程序,H5,ReactNative 等多端适配运行提供友好的API,
Taro UI基于 Taro 的多端 UI 组件库
0
uiw-react基于 React 的 UI 组件库
高品质的UI工具包,React 16+的组件库。安装npm install uiw --save使用
uiw-react基于 React 的 UI 组件库
0
AT UI模块化的前端 UI 组件库
AT-UI是一款基于Vue.js2.0 的轻量级、模块化前端UI组件库,主要用于快速开发PC网站产品。专门为桌面应用程序构建,AT-UI 提供了一套npm+webpack+babel前端开发工作流程,
AT UI模块化的前端 UI 组件库
0
uiw-react基于 React 的 UI 组件库
高品质的UI工具包,React16+的组件库。安装npm install uiw --save使用import React from 'react';import ReactDOM from 'rea
uiw-react基于 React 的 UI 组件库
0
RSUITE基于 React 的 UI 组件库
ReactSuite是一套React组件库,为后台产品而生。同时也是一个具有贴心设计以及对开发者友好的UI框架。UIDesignReactSuite设计原型与规范, 点击查看。支持的平台浏览器Reac
RSUITE基于 React 的 UI 组件库
0