浅谈微信小程序之官方UI框架we-ui使用教程
作者：李俊标 发布时间：2024-04-16 09:52:43
标签：微信小程序,we-ui框架,UI框架
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
首先先看一下这套框架的GItHub地址
微信小程序UI框架we-ui
1.从git上clone到本地
太简单的东西我就不解释了,直接讲怎么用吧
这是解压后的目录
2.新建一个项目
将 dist/style/目录下的weui.wxss 放到新项目的根目录下,如下图所示
3.在app.wxss中引入weui.wxss文件
至此,准备工作就完成了,已经可以使用官方的样式了
接下来看一下如何查看示例代码,我们将clone下来的示例代码导入到微信小程序开发工具中
导入的目录是src/example
然后就可以看到示例代码了
来源：https://blog.csdn.net/weixin_40099554/article/details/79735548
0
投稿猜你喜欢
- 本文主要介绍的关于Python切片赋值的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：昨天有同学问了我这么个问题:t = [1
- 这篇文章主要介绍了Python globals()和locals()对比详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的
- 发现这个也是偶然，在测试的时候发现的，因此问题还发现一个bug。蛮有意思~ 假如输入http://www.aspxhome.com的话，在
- 一. 代码使用Python+Splinter开发，Splinter是一个使用Python开发的开源Web应用测试工具，它可以帮你实
Flask 框架中如果想要实现WebSocket功能有许多种方式，运用SocketIO库来实现无疑是最简单的一种方式，Flask中封装了一个- 为了查找这些存储过程，你可以花时间在互联网搜索，查看一些你还未知道的存储过程，也许在一两个小时您可能会发现你想要...也许你很幸运的找到，其
- 这篇文章主要介绍了Python使用微信接入图灵机器人过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需
- 这篇文章主要介绍了python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例,文中通过示例代码介绍的非常详细，对大家的
- 所谓的CSV（逗号分隔值）格式是电子表格和数据库最常用的导入和导出格式。尝试使用CSV格式进行标准化描述之前已经使用了很多年。该csv模块r
- 1，建路由；2，写方法；def fanyi(request): import requests import jso
- 网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI
- 在深度学习中,模型的输入size通常是正方形尺寸的,比如300 x 300这样．直接resize的话，会把图像拉的变形．通常我们希望resi
- 代码如下:ADODB.Connection 错误 '800a0e7a' 未找到提供程序。该程序可能未正确安装。 /连接“网站
- 使用SQL对数据进行提取和分析时，我们经常会遇到数据重复的场景，需要我们对数据进行去重后分析。以某电商公司的销售报表为例，常见的去重方法我们
- 在SQL中系统已为我们提供了很非常丰富的函数：例：聚会函数avg, sum,count,max,min 日期函数：Day,Mon
- 在Python中，数据存储方式分为同步存储和异步存储。同步写入速度比较慢，而爬虫速度比较快，有可能导致数据保存不完整，一部分数据没有入库。而
- 1. desc 命令 格式: desc tablename columnname 例子: desc `table` `mid` desc `
- 本文实例为大家分享了opencv转换颜色空间更改图片背景的具体代码，供大家参考，具体内容如下思路：1、将BGR转换为HSV颜色空间 2、设置
- 最近有个功能需要java与python之间的数据交互,java需要把参数传给python,然后python计算的结果返回给java.于是就写
- DataFrame 是一个表格型的数据结构，它含有一组有序的列，每列可以是不同的值类型（数值、字符串、布尔型值）。DataFrame 既有行
