小程序如何使用WeUI

最新推荐文章于 2025-05-27 11:56:04 发布
最新推荐文章于 2025-05-27 11:56:04 发布
阅读量786 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/keymaster1/article/details/122890970
这篇博客介绍了如何使用老谜语人WeUI进行前端开发，提供了app.json配置参考，并引导开发者从示例代码和文档中获取帮助，实现所需UI。文章强调了查看效果、示例源码、仓库地址和文档的重要性，是快速上手WeUI的实用指南。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

老谜语人WeUI使用起来真的有点令人发火，需要配合以下参考

app.json
在这里插入图片描述

查看效果

https://weui.io/
在这里插入图片描述

查看示例源码

仓库地址

在这里插入图片描述
在各个文件夹里查看谜语人部分，照搬示例代码即可实现相关UI

查看文档

文档
在这里插入图片描述
查看可选属性

微信小程序weui的使用
2401_84003690的博客
05-09 1195
自定义view，Android开发的基本功。
微信小程序如何使用weui组件库？
2301_76669854的博客
05-15 1987
微信小程序如何使用weui组件库？ 一、方法一：通过npm安装 *二、方法二：直接修改配置文件 （推荐使用，更方便）
微信小程序从零开始开发步骤（八）引入框架WeUI
祈澈菇凉
03-21 1269
首先来看下WeUI的官方介绍： WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。在微信小程序的开发过程中，涉及到的前端复杂的样式界面的问题，就需要使用个UI框架，这样可以省去以后很多麻烦。 WeUI作为一个开源的移动端UI框架，由于它是微信官方提供的对微信的兼容性没有太大问题...
微信小程序开发 引入weui组件库
最新发布
qq_38517015的博客
05-27 254
【代码】微信小程序开发 引入weui组件库。
Android 自定义 MarqueeView 实现跑马灯 —— 原理篇
2401_84413531的博客
04-30 535
自定义view，Android开发的基本功。
【微信小程序】之使用weui
felicitysq的博客
11-30 477
1.在githubhttps://github.com/Tencent/weui-wxss中下载weui-wxss-master 2.打开文件，dist < style < weui.css 3.复制weui.wxss到自己的小程序项目里，在app.wxss的第一行引入此文件，@import 'weui.wxss'; 4.找到你想要的class名（我认为是最难得一步），我...
微信小程序使用weui设计界面
LittleXingXingC的博客
06-02 5168
微信小程序使用weui设计界面 刚入门微信小程序开发，使用微信web开发者工具，对界面的设计有时会有按钮等的位置大小不好设置，但是微信web开发者工具有一个很好的工具是weui，WeUI 是一套同微信原生视觉体验一致的基础样式库，为微信 Web 开发量身设计，可以令用户的使用感知更加统一，包含button、cell、dialog、toast、article、icon等各式元素。weui 我们只需...
微信小程序 - WeUI 组件库的使用
qq_25906119的博客
01-19 453
微信小程序 - WeUI 扩展组件的配置使用
微信小程序使用WeUI WXSS
12-26
微信小程序使用WeUI框架时，WXSS（WeUI样式表）是一种轻量级、简洁的CSS预处理器，它是WeUI库的一部分，用于统一并简化小程序的设计样式。WXSS基于CSS，但添加了一些特有的规则和变量，比如： 1. **模块化**：WeUI...
微信小程序使用WeUi框架教程，真·简单
xye1230的博客
06-19 1618
网上有很多类似的说法，都是用npm构建的方式，但是不知道你们会不会像我一样在终端上各种报错 其实不必，我们直接引用 首先打开app.json，直接插入这段代码放在最外层的花括号里 "useExtendedLib": { "weui": true } 然后在你要用的页面json文件里，引入对应你需要用的组件 { "usingComponents": { "mp-badge": "weui-miniprogram/badge/badge", "mp-form": "we
小程序weui库
09-14
微信小程序的weui框架库，可以直接运行，按钮组件、滑块组件、轮播组件等
weUI 入门教程
02-24
weUI 入门教程:http://blog.youkuaiyun.com/libin_1/article/details/50734266
小程序版WeUI
05-12
小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，小程序版WeUI，
小程序weui
08-30
更清晰的小程序icon布局组件
小程序使用weui详细
YourNikee的博客
03-13 409
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。 官网是这么说的。 样式：官网高速 使用 下载 官方git高速：https://github.com/Tencent/weui-wxss 会使用git的你可以使用git去clone到本地，不会的你可以点击 Download ZIP 以压缩包形式下载到本地。 引...
微信小程序UI框架之【weui】怎样使用
南北极之间
08-16 3089
介绍 官网： https://weui.io/ 这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。 官方文档： https://developers.weixin.qq.com/miniprogram/dev/extended/weui/ 使用方法demo： 安装 方法一： 使用bower进行安装 bower install --save weui 方法二： 使用npm进行安装 n
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值