浅谈微信小程序之官方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的pandas库中有一个十分便利的isnull()函数，它可以用来判断缺失值，我们通过几个例子学习它的使用方法。首先我们
- 上一篇文章写到原生js取代jquery的一些常用函数：原生js仿jquery一些常用方法，那么，ajax如何实现呢？如下是一个比较完整的aj
带你走进数据类型一：整数、浮点数Python中整数和浮点数的定义以及运算和C++都是一样的，我在这里就不需多说了，我就说明一点：Python- 这篇文章主要介绍了Python tkinter常用操作代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,
- Python中内置了list集合与tuple集合，在list集合中可以实现元素的添加、修改、插入、以及删除。tuple集合看似与list类似
- 在开发中有些敏感接口，例如用户余额提现接口，需要考虑在并 * 况下接口是否会发生问题。如果用户将自己的多条提现请求同时发送到服务器，代码能否扛
- 对于部署在新浪应用引擎SAE上的项目，使用新浪SAE云存储是不错的存储方案。新浪SAE云存储仅能在SAE环境中正常使用，对它进行简单封装后，
- 之前使用email模块+smtplib模块发送邮件，虽然可以实现功能，但过程比较繁琐，今天发现一个宝藏库（yagmail），可以说是炒鸡好用
- 很久以前就知道微软的Petshop的很经典，昨天抽出时间去学习，一开始还真的不适应，什么成员资格，还真的看不太懂，运行petshop想从登陆
- 两个代码，一个是把python当微信操作，可以查看自己的好友信息，群信息等。还可以定时发送文本，文件等。效果就和你本人操作一样，没差别。还有
- 在现在的项目里，不管是电商项目还是别的项目，在管理端都会有导出的功能，比方说订单表导出，用户表导出，业绩表导出。这些都需要提前生成excel
- python urllib urlopen()对象方法/代理的补充说明urllib 是 python 自带的一个抓取网页信息一个接口，他最主
- 触发器是一种特殊类型的存储过程，它不同于之前的我们介绍的存储过程。触发器主要是通过事件进行触发被自动调用执行的。而存储过程可以通过存储过程的
- 很多开发人员在使用MySQL时经常会在部分列上进行函数计算等，导致无法走索引，在数据量大的时候，查询效率低下。针对此种情况本文从MySQL5
- 这里是说watch调用methods里方法的时候，页面经常会报找不到方法这个时候一定要在watch里去输出一下this，看看this包裹的壳
- 上一篇说了vue单页面解决解决SEO的问题只是用php预处理了meta标签但是依然没有内容填充,所以对于内容抓取依然有些乏力,只是解决了从无
- 什么是序列化与反序列化这里引入微软对序列化的解释：序列化是指将对象转换成字节流，从而存储对象或将对象传输到内存、数据库或文件的过程。 它的主
- 本文实例为大家分享了python监控nginx端口和进程状态的具体代码，供大家参考，具体内容如下#!/usr/local/bin/pytho
- 一、修改 sonar 配置 conf/sonar.properties修改 sonar 配置文件 conf/sonar.properties
- 上班族经常会遇到这样情况，着急下班结果将关机误点成重启，或者临近下班又通知开会，开完会已经迟了还要去给电脑关机。今天使用PyQt5做了个自动
