weex ui组件库

booster 发布于2019-08-22 18:04 / 266人阅读

摘要：写在最前面在线演示中有二维码图片可使用扫一扫查看演示为什么要开发一套组件期初是想用阿里的，但是设计师给出的设计与有很大的不同，导致无法方便使用。并且有些组件中没有，需要新开发。

写在最前面

Docs：https://houbank.github.io/dro...
GitHub：https://github.com/hbteam/wee...
HTML5在线demo演示：https://hbteam.github.io/weex...
GitHub中有二维码图片可使用weex playground app扫一扫查看demo演示

1. 为什么要开发一套UI组件？

期初是想用阿里weex ui的，但是设计师给出的设计与weex ui有很大的不同，导致无法方便使用。并且有些组件weex ui中没有，需要新开发。综合考虑我们团队就自己开发了一套，也怀着为weex社区做点贡献的心情，虽然我们只是冰山一角，但我们有一腔热血，不安分骚动的内心。

2. 涉及的常用组件

actionsheet

button

cell

checkbox

dialog

field

icon

header

indexlist

input

navbar

tabbar

picker(三级联动城市选择)

popup

progress

radio

range

scrollerbar

switch(官网已废弃的那个)

tabbar

marquee

3. 愿景

希望能和大家一起共同探讨，共同进步，代码可能有的写的不好（欢迎吐槽），有的写的好的可以供给大家借鉴，复制粘贴随便用，能够促进大家交流即是好。

4. 现状与规划

我们自己团队已经投入生产了，已经在三个线上weex app上使用半年，且在持续维护更新当中。欢迎大家一起来搞。

专线服务服务器托管 ui组件 UI库 element-ui dialog组件 ui库编程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95454.html

编写chameleon跨端组件的正确姿势(上篇)

摘要：使用语法统一实现跨端组件请关注文章编写跨端组件的正确姿势下篇依靠强大的多态协议，项目中可以轻松使用各端的第三方组件封装自己的跨端组件库。这种做法同时解决了组件命名冲突问题，例如在微信小程序端引用表示调用小程序原生的组件而不是内置的组件。在chameleon项目中我们实现一个跨端组件一般有两种思路：使用第三方组件封装与基于chameleon语法统一实现。本篇是编写chameleon跨端...

h9911 2019-08-23 15:42 评论0 收藏0
用WEB技术栈开发NATIVE应用：WEEX SDK原理详解

摘要：于是后来业界开始探索依旧利用技术栈开发出媲美原生体验的方案，于是以为代表云原生开发框架开始出现。依旧采取传统的开发技术栈进行开发，同时在终端的运行体验不输。其同时解决了开发效率发版速度以及用户体验三个核心问题。摘要： WEEX依旧采取传统的web开发技术栈进行开发，同时app在终端的运行体验不输native app。其同时解决了开发效率、发版速度以及用户体验三个核心问题。那么WEEX...

nanfeiyan 2019-06-24 17:56 评论0 收藏0
浅谈跨平台框架 Flutter 的优势与结构

摘要：针对上述两个问题，跨平台框架应运而生。是于年月开源的跨平台移动应用开发框架，是开源的框架在原生移动应用平台的衍生物。实现跨平台的功能，主要由和三层所构成的。是跨平台的，并提供了非常友好的。它能够让各平台的体验一致，并且让用户体验达到更优。作者：个推ios工程师伊泽瑞尔一、背景目前，移动开发技术主要分为原生开发和跨平台开发两种。其中，原生应用是指在某个特定的移动平台上，使用平台所...

peixn 2019-06-25 12:42 评论0 收藏0
浅谈跨平台框架 Flutter 的优势与结构

摘要：针对上述两个问题，跨平台框架应运而生。是于年月开源的跨平台移动应用开发框架，是开源的框架在原生移动应用平台的衍生物。实现跨平台的功能，主要由和三层所构成的。是跨平台的，并提供了非常友好的。它能够让各平台的体验一致，并且让用户体验达到更优。作者：个推ios工程师伊泽瑞尔一、背景目前，移动开发技术主要分为原生开发和跨平台开发两种。其中，原生应用是指在某个特定的移动平台上，使用平台所...

Cc_2011 2019-06-25 17:15 评论0 收藏0
踩坑--- 基于钉钉的Weex微应用开发起手式（其实写完发现变成Weex相关资料汇总了）

摘要：问题，你可以在中文讨论板块提交问题，地址。文字展现必须使用标签关于端的点透事件需要在上层视图上加上，如果上层视图有事件，多加一个中间层，把加在空事件视图上关于事件注意仅支持和，暂不支持。事件会在页面就要关闭时被触发。好吧，我知道你来看这个文章，一定是遇到坑了,所以，把这几个放在最开始吧现在，如果你的团队的技术栈是react，请尝试这个吧,跟react很像，如果你的团队一直使用rea...

neu 2019-06-25 12:17 评论0 收藏0