• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

    Weex-Ui: Weex Ui 是一个基于 Weex 的富交互、轻量级、高性能的 UI 组件库 ...

    原作者: [db:作者] 来自: 网络 收藏 邀请

    开源软件名称:

    Weex-Ui

    开源软件地址:

    https://gitee.com/mirrors/Weex-Ui

    开源软件介绍:

    Weex Ui

    English | 中文

    Build StatusnpmNPM downloadsNPM all downloadsCNPM all downloadsGitHub last commitGitHub closed issuesPackage QualityJoin the chat at https://gitter.im/alibaba-weex-ui/chat

    一个基于 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>

    使用前

    为了不打包所有的组件,你需要使用 babel-plugin-component 来只引入需要的组件打包,同时如果没有安装 babel-preset-stage-0,也需一并安装。

    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 效果。

    支持

    • 在你的公司或个人项目中使用 Weex Ui
    • 如果你觉得 Weex Ui 还不错,可以通过 Star 来表示你的喜欢
    • 加入钉钉聊天群帮忙解答 Weex 技术问题

    贡献

    想解 Bug,贡献代码或者提高文档可读性?有这个想法非常好,在提交 pull request 前记得阅读一下 Contributing Guide

    感谢给 Weex Ui 贡献代码的你们!

    协议


    鲜花

    握手

    雷人

    路过

    鸡蛋
    该文章已有0人参与评论

    请发表评论

    全部评论

    专题导读
    热门推荐
    阅读排行榜

    扫描微信二维码

    查看手机版网站

    随时了解更新最新资讯

    139-2527-9053

    在线客服(服务时间 9:00~18:00)

    在线QQ客服
    地址:深圳市南山区西丽大学城创智工业园
    电邮:jeky_zhao#qq.com
    移动电话:139-2527-9053

    Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap