在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:Weex-Ui开源软件地址:https://gitee.com/mirrors/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'; // 或者分开引用(不是很推荐) // 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> 使用前为了不打包所有的组件,你需要使用 npm i babel-preset-stage-0 babel-plugin-component -D { "presets": ["es2015", "stage-0"], "plugins": [ [ "component", { "libraryName": "weex-ui", "libDir": "packages", "style": false } ] ]} 更多
调试npm inpm run start 一旦它编译完成后,将会自动打开一个浏览器,你可以将浏览器切换到开发者模式,这时候在 console 中你可以看到一个预览二维码,直接使用你的 Weex App 扫码就可以看到 Demo 效果。 支持
贡献想解 Bug,贡献代码或者提高文档可读性?有这个想法非常好,在提交 pull request 前记得阅读一下 Contributing Guide。 感谢给 Weex Ui 贡献代码的你们! 协议
|
2022-08-15
2022-08-17
2022-09-23
2023-10-27
2022-08-18
请发表评论