微信小程序设计weui框架
来源:互联网 发布:group是什么域名 编辑:程序博客网 时间:2024/06/05 22:46
weui-wxss是微信官方提供的ui框架,用起来也很方便(copy)。下载地址:https://github.com/weui/weui-wxss
第一步:需要把下载的内容copy到项目中,主要是dist目录下的style目录下的weui.wxss文件。
第二步:在全局的app.wxss文件中引用 , 注意目录是相对路径
第三步:加class样式
这个步骤很关键,怎么找到合适的文档呢?weui-wxss是没有文档的,但是它有例子。在下载的内容中,dist目录下的example目录下全部都是例子。我们需要做的是将dist目录导入IDE中,然后找到合适的UI。
如图所示,找到合适的页面,然后通过红色框的路径找到对应的wxml文件,把需要的部分copy出来,再结合自己的要求修改。
文章列表效果图:
注意点:
1.copy出来的代码,势必会打乱原来代码的结构,这时不能心急,慢慢修改。毕竟这些class的命名是比较长的。
阅读全文
0 0
- 微信小程序设计weui框架
- 微信小程序设计weui框架
- weui框架
- weui框架代码汇总
- 微信小程序 WeUi.wxss
- WeUI
- WeUI
- 微信开发jquery WeUi框架
- 移动端框架之JQuery WeUI
- 微信小程序引入weui组件
- 微信小程序ui--集成WeUI.wxss
- WeUI 微信小程序官方推荐UI包
- 【微信小程序】微信小程序中WeUI的使用
- 微信小程序开发之——weui-wxss的使用
- 微信小程序之拓展篇——weui-wxss
- 1.3.3微信小程序WeUI.js网页开发样式库
- 微信小程序WeUI.js网页开发样式库
- WeUI 入门教程
- 计算圆,长方形的面积
- 习题3.4
- Linux mount 和 umount 挂载和解挂载,文件覆盖丢失找回
- 功能模块Ionic
- 虽然不简单但还是要学的JavaWeb—SpringMVC简介
- 微信小程序设计weui框架
- Vue学习笔记-Vue基础入门
- 天河二号—中大明珠
- C++中静态成员变量与静态成员函数,以及malloc , free , new , delete ,区别
- 正则表达式测试
- android+checkbox全选多选反选取消选择
- 微信小程序中做用户登录与登录态维护的实现详解
- 关于冒泡函数的新感悟
- JVM 内存设置大小(Xms Xmx PermSize MaxPermSize 区别)