重磅：微信小程序发布WeUI.js 官方视觉组件库！

12月16日，微信正式发布了WeUIjs动态视觉组件库。WeUI是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，可以让用户的使用感知更加统一。WeUIjs动态视觉组件库包含了button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。

一、weuijs是什么？

weuijs是WeUI的轻量级JS封装，不需要依赖其它库，GZIP后仅有90 KB。

二、weuijs包含哪些组件？

actionsheet

alert

confirm

dialog

form

gallery

loading

picker

searchbar

slider

tab

toast

toptips

uploader

三、使用方式：

Github：>

1、首先为动画的布局，为加载动画的工具类。

2、最后调用方法很简单开始加载为ProgressUtilsshowPopupWindow（this），停止为ProgressUtils，dismissProgress（）；用到的附件：progress_pop_bgxml。

以下是progress的基本标签

根据 w3c 的定义，progress元素代表任务的完成度。一个progress元素标签有开始标签和结束标签。

除了通用的全局属性外，它还拥有两个自己的属性

一个进度条有两种状态：不确定和已确定

Google Chrome, Apple Safari , Opera 浏览器都是webkit内核，设置progress element 元素样式基于 -webkit-appearance: progress-bar

设置progress默认样式，一般简单的设置为 -webkit-appearance: none

对 -webkit-progress-value 属性的背景增加动画

对 -webkit-progress-value 选择器使用动画

使用::before 和 ::after 可以在progress元素上展示进度条的百分比或者准确的数字。

原文地址： >

以上就是关于重磅：微信小程序发布WeUI.js 官方视觉组件库！全部的内容，包括:重磅：微信小程序发布WeUI.js 官方视觉组件库！、VB中如何使用progressbar控件、android自定义apk打开动画等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！