网站推广.NET

网站推广.NET

综合解决方案:来了!微信小程序解释五个最受欢

来源:互联网

微信小程序开发中,页面写作所占的比例较高,熟悉html和css的学生,建议直接使用html + css,不熟悉的人可以使用以下任何UI框架,就像小程序中一样,我们使用了一些iView WeApp。

让我总结一下市场上几种常用的UI框架,并提供我使用它们的经验作为参考。

1、WeUI

WeUI是一组与微信的原生视觉体验一致的基本样式库。它是由微信的官方设计团队为微信 Web开发量身定制的,可以使用户的使用感知更加统一。包含各种元素,例如按钮,单元格,对话框,进度,吐司,文章,操作表和图标。

GitHub地址:

效果:

开发文档参考:

使用经验:

WeUI易于使用,样式微信是本机样式,绿色为主要颜色。主要有两个主要版本,1.x版本和2.x版本。与1.x版本相比,2.x版本在视觉上更好。

使用WeUI的第一个问题是文档不是很详细,您可以在访问时看到效果图,并且没有与直观显示效果相对应的代码。从开发的角度来看,该文档不够直接,使用起来也不是很方便。

使用WeUI的第二个问题是样式与微信的视觉体验一致。在开发中,我们需要更丰富漂亮的UI效果,还需要修改WeUI的样式或自定义CSS。

2、iView Weapp(在项目中使用)

iView Weapp是TalkingData发布的一组高质量的组件库

微信小程序 UI组件库。

GitHub地址:

开发文档:

使用经验:

1、优点:提供了大量的UI组件,尤其是tabBar,Tab,抽屉和索引索引,它们更易于使用。

2、缺点:页面样式相对固定,难以修改。输入框通常无法在模拟器下输入,这给应用程序调试带来了麻烦。

3、ColorUI

明亮和高度饱和的颜色,小程序组件库专注于视觉

GitHub地址:

开发文档参考(正在编辑):

使用经验:

1、优点:视觉效果很漂亮,请注意,他可以将样式沉浸在手机顶部,这很好,其他组件也很好,可以直接修改或覆盖他的自己需要的CSS样式。

2、缺点:缺乏文档,许多新手无法入门。在扫描代码预览期间,最近的广告经常出现,这会影响使用。开发人员也想付出一点。每个人都知道,如果愿意,您可以通过广告来支持开发人员,而且开源也不容易。

4、Vant Weapp

Vant Weapp是Youzan移动组件库Vant的小程序版本。两者均基于相同的视觉规范,并提供一致的API接口,以帮助开发人员快速构建小程序应用程序。

GitHub地址:

开发文档参考:

使用经验:

1、优点:视觉效果简单明了,提供了日常开发中使用的组件,文档非常详细。

2、缺点:与其他UI框架相比,该阈值更高,它要求知道vue并且不支持本机开发的开发人员。由于我对vue不太熟悉,因此不建议使用它。我对vue的建议比较熟悉。

5、TaroUI

Taro UI是由OMicro Lab创建并基于Taro的多终端UI组件库。除了美观之外,Taro UI的最大亮点是它对多终端操作的支持。借助Taro对多终端操作的支持,Taro UI只需要解决CSS在不同平台上的性能差异的问题,它就可以在微信小程序 / H5 / ReactNative等多终端适应环境下运行。

官方地址:

1、优点:Taro UI可以描述为功能强大且用途广泛,并且可以开发一组代码以在微信小程序 / H5 /百度小程序和其他多终端改编版本上运行。

2、缺点:入门门槛很高,不适合新手开发人员。相对而言,用户数量不够大,并且在开发过程中很难对问题进行故障排除。它仅用于微信小程序的开发,使用时太小了,因此请使用屠宰刀!

摘要:

对于上述五个框架,对于新手而言,可以使用前四个框架,而后一个框架可以用于扩展理解。对于具有css基础的学生,根据自己的风格编写css更加灵活。

上一篇文章:

开源烧瓶+ mysql校园修复报告微信小程序系统

flask程序的后台源代码的安装和部署(微信维修报告小程序源代码说明一)

使用烧瓶启动程序和路由(微信维修报告小程序源代码说明二)

烧瓶拦截器和会话的使用(微信修复报告小程序源代码说明三)

检查烧瓶mysql数据库的添加,删除和修改(微信修复报告小程序源代码说明四)

使用烧瓶蓝图和url_for(微信修复报告小程序源代码说明五)

微信小程序授权登录和用户信息存储的详细说明(微信维修报告小程序来源说明六)

小程序与后台api接口之间的数据交互的详细说明(微信维修报告小程序源代码说明七)

教您如何完成微信小程序用户信息绑定(微信请求小程序源代码说明八)