Skip to content

yuwanli/weex-coms

Repository files navigation

weex组件库,这里主要是分享下weex开发过程中封装的一些weex组件,如popup、rich-text、lamp(努力持续更新),会分享自己遇到的一些坑,以及自己的一个做法和想法。

项目启动

  • 下载当前工程
git clone https://github.com/yuwanli/weex-coms.git
  • 安装依赖
npm install --registry=https://registry.npm.taobao.org
  • weex -v确认已经安装weex-previewer,若没有安装则
npm install weex-previewer --save
  • 安装软件

因为跑马灯lamp是使用了bindingx的,所以建议下载bindingx的app,拉到页面底部有二维码,扫码下载

  • 启动页面(以popup为例)
weex-previewer examples/popup/index.vue
  • 扫码查看相应页面

组件相关说明

组件 描述 参数
weex-popup 弹窗组件支持居中的淡入淡出、向上向下弹出的形式 showPopup(boolean):是否显示弹窗,默认false
popupType(string):弹窗类型(centertopbottom),默认center
defaultClose(boolean):是否点击蒙层关闭弹窗,默认true
popupColor(string):蒙层颜色,默认rgba(0,0,0,0.6)
weex-lamp 跑马灯组件,支持单条和容器式跑马灯
weex-rich-text 富文本组件,弥补weex不支持v-html/v-text的短板
可能有人会说,不是有weex-ui了么,我这个是不是在重复造轮子?

weex-ui确实封装了很多实用的组件,很多组件我们也在实际的项目中在使用,所以当然我不会重复造轮子。封装的这些组件时为了解决其他的一些问题,或者说是做了一些优化,实现的功能上也会有些许差异,具体的细节可以查看

看组件相关内容时,我希望你已经(点击了解更多)