TA的文章(4)
-
WeUI表单
模仿制作:今天制作的是一个提交表单,直接从https://weui.io/#input页面查看源码,搜索关键字,查看需要的源码片段。引用官网最新版:GitHub中的最新版1.13<link rel="stylesheet" type="text/css" href="css/weui.css">效果图:实例代码:<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, user-scalab
-
WeUI进度条
WeUI进度条WeUI基本组件进度条简单概述:WeUI中ProgressBar(进度条)的应用场景很多:列如:1.在用户登录时,等待服务器返回消息,这时会用到进度条。2.在进行一些大的文件或者一些手机应用时,需要等待一些时间,这时会添加进度条让用户知道当前程序的进度,可以带来很大便利。下面大家看一下效果图:这是一个比较简陋的进度条,建议在实例开发中可以对其进行美化,以达到所需的效果。进度条组件实例代码:<!DOCTYPE html> <html> <head> <meta charset
-
WeUI表单预览组件
WeUI表单预览在WeUI的学习过程中,了解到了一些微信上面的一些组件,当然还有很多事需要学习的。下面我介绍的这个组件是一个表单预览的组件。概述:在我们使用微信支付,付款完后查询账单是可以预览消费记录,这就是WeUI其中的表单预览组件。大家还是先看下效果:实例代码:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-
-
WeUI总结
WeUI概述WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。包含buttoncell、dialog、progress、toastarticle、actionsheet、icon等各式元素。WeUI的引入下载地址:weui.wxss注意:样式文件可直接引用dist/style/weui.wxss,或者单独引用dist/style/widget下的组件的wxss页头和主体使用class="page__xx"(注意是两个