小程序火了—WeUIfor小程序操作方法文档总结

2021-04-13 17:40

WeUIfor手机微信微信小程序运用案例实例教程文字文本文档总结-手机上手机微信手机微信微信小程序weui文字文本文档-手机微信微信小程序网页页面开发设计设计方案
WeUI是一套同手机上手机微信原生态态视觉效果实际效果体会一致的基本样式库,由手机上手机微信官方网网设计方案计划方案精锐精英团队为手机上手机微信Web开发设计设计方案量身定做订制设计方案计划方案,可以令顾客的运用认知能力更加统一。包含功能键button、构件cell、弹出窗口dialog、进度条progress、提示toast、文章内容內容article、弹出来来莱单actionsheet、标示icon等各式原素。
[标识:內容1]

一、最新项目详尽详细地址

github/weui/weui-wxss/

二、如何运用

1、完全免费免费下载程序编写编码,减轻工作压力后可以看到下列文档文件目录:

2、大伙儿只务必将weui-wxss-masterdiststyleweui.wxss文本文档导进入手机微信微信小程序最新项目的网站网站根目录下:

1.

3、新建手机上手机微信手机微信微信小程序最新项目,将weui.wxss文本文档导进入手机微信微信小程序最新项目的网站网站根目录下:

4、在最新项目中引进:在app.wxss中放入weui.wxss的引进-@import‘weui.wxss’;

5、运用案例下列:

2.

三、运用WeUI样式说明:

3.

1、根构件运用class"page":

2、网页页面网页页面架构构件运用class"page__xxx"(注意是两个下水平线)

3、其他构件早就weui-刚开始后接构件姓名,例如class"weui-footer"

4.

4、构件的子构件样式,例如view.weui-footer构件也是有联接和经典著作权信息内容內容。

5.

四、WeUI标志访问(具体要以WeUI样式标志为规范):

鲜红色色说明出现次数比较多的标志

6.

1、报表:

Button:

weui-btn:功能键

weui-btnmini-btn:小功能键

list:

weui-cells__title:文件目录构件题型

weui-cell__bd:题型文字

weui-cell__ft:说明文字

Input:

weui-cells__title:文件目录构件题型

weui-check:单选

weui-icon-radio:单选标示

weui-cell__bd:题型文字说明

weui-label:文件目录

weui-input:输入

weui-vcode-btn:得到验证码功能键

weui-vcode-img:验证码相片

weui-textarea:请输入文本

weui-select:选择

Slider:拖拽(参考手机微信微信小程序文字文本文档)

Uploader:

weui-uploader:递交

weui-uploader__title:相片递交

weui-uploader__info:递交总数

weui-uploader__file:递交文本文档

weui-uploader__img:递交相片

7.

2、基本构件

Article:

weui-article:文章内容內容标志

weui-article__h1:题型

weui-article__title:章题型

weui-article__section:文章内容內容地域

weui-article__h3:节题型

weui-article__p:文字

weui-article__img:相片

Badge:徽章

weui-cells__title:文件目录构件题型

weui-cell__bd:构件文件目录行

weui-badge:徽章

Flex:有效合理布局

weui-flex:有效合理布局地域

weui-flex__item:有效合理布局挑选项

Footer:页脚

weui-footer:页脚姓名

weui-footer__text:页脚内容

weui-footer__links:页脚联接

Gallery:画苑(参考手机微信微信小程序文字文本文档)

Grid:九宫格

weui-grids:九宫格地域

weui-grid__icon:九宫格标示

weui-grid__label:九宫格文件目录

Icons:标示

icon-box:数据信息数据图表地域

icon-box__title:标示题型

icon-box__desc:标示说明

Loadmore:加载很多

weui-loading:加载很多标志

weui-loadmore__tips:早已加载

Panel:操纵控制面板

weui-panel__hd:操纵控制面板页头

weui-panel__bd:操纵控制面板个人行为行为主体

weui-media-box__title:操纵控制面板题型

weui-media-box__desc:操纵控制面板说明

weui-media-box__info__meta:操纵控制面板底端文字说明

Preview:报表访问

weui-form-preview:报表访问地域

weui-form-preview__hd:报表访问页头

weui-form-preview__bd:报表访问个人行为行为主体

weui-form-preview__item:报表访问文件目录地域

weui-form-preview__label:报表访问文件目录题型

weui-form-preview__value_in-hd:报表访问页头内容

weui-form-preview__value:报表访问文件目录内容

Progress:进度条

weui-progress:进度条标志

weui-progress__bar:进度条

weui-progress__opr:进度条标示

8.

3、具体实际操作建议意见反馈

ActionSheet:弹出来来式莱单

weui-btn-area:功能键标志地域

Dialog:对话框

weui-btn-area:功能键标志地域

weui-btn:功能键

Msg:提示页

weui-btn-area:功能键标志地域

weui-btn:功能键

weui-msg__icon-area:提示标示

weui-msg__text-area:提示地域

weui-msg__title:提示题型

weui-msg__desc:提示说明

weui-msg__opr-area:提示后具体实际操作地域

weui-msg__extra-area:额外地域

Picker:选择器

weui-btn-area:功能键地域

Toast:弹出来来式提示

weui-btn-area:功能键标志地域

weui-btn:功能键

9.

4、导航栏栏相关:

Navbar:头上部导航栏栏

weui-navbar:导航栏栏标志

weui-navbar__title:导航栏栏题型

weui-navbar__slider:导航栏栏滑轨导轨滑块

weui-tab__panel:导航栏栏操纵控制面板

weui-tab__content:导航栏栏内容

Tabbar:底端导航栏栏(参考手机微信微信小程序文字文本文档)

10.

5、查找相关

Searchbar:查找栏

weui-search-bar:查找栏地域

weui-search-bar__form:查找栏报表

weui-search-bar__label:查找频道录

weui-icon-search:查找栏标示

weui-search-bar__text:查找栏文字

weui-cell__bd:查找栏文本


经典著作权声明

即速应用倡导高度重视与维护保养技术专业专业知识产权年限期限。如发现本站文章内容內容存在经典著作权难点,烦请提供经典著作权疑虑、真正真实身份确认、经典著作所有权证实、 ,大伙儿将马上处理。本站文章内容內容仅作共享资源沟通交流沟通交流关键主要用途,写作者看法不一同于即速应用看法。顾客与写作者的一切交易与本站无关紧要,请悉知。


弥勒供电系统系统软件与手机上手机微信手机微信微信小程序促进智能化化交费协议书便签署 弥勒供电系统系统软件局邀请手机上手机微信手机微信微信小程序“融e电”开发设计设计方案商在我国工商局局金融业组织相关工作中中工作中工作人员学员学生就业实干际实际操作流程进行学习培训学习培训 1605581535 2020双十一,手机上手机微信手机微信微信小程序如何杀出重围占据生产制造制造行业盈利? 双十一即将到来,各种各样商家早已在十月中就早就摩拳擦掌了,相对性性能比过去双十一的盛况,今年手机微信微信小程序才华横溢变为电子器件商务接待生产制造制造行业重要的比赛场。根据阿拉丁指数值值报告预测分析剖析大伙儿能够看到,今年双十一手机微信微信小程序的广告宣传宣传策划运营经营规模将呈现爆发式提升,有去年18亿到今年的4六亿,提升做到250%。手机微信微信小程序电子器件商务接待将变为流量争夺的重要方法。 1605581327 在我国邮政于百度搜索检索App公布集寄件、查询非常于一身的著名知名品牌卡功效 一年一度的双11购物快乐按期而至,大伙儿在“抢货”的同时,无可避免导致由于退货货要想寄快递公司企业的规定。便于考虑到顾客在双十一前后左右上下猛增的快递公司企业规定,在我国邮政于百度搜索检索App公布集寄件、查询非常于一身的著名知名品牌卡功效,该功效由百度搜索检索智能化化手机微信微信小程序载重。 1604628430



扫描二维码分享到微信

在线咨询
联系电话

020-66889888