用微信开发者工具--打开微信小程序weui组件示例

浏览器搜索：https://github.com/Tencent/weui-wxss/

1.下载为小程序设计的weui组件，

2.在开发者工具中打开dist目录，而不是整个目录, 在开发者工具中就可以预览weui组件的示例了。

如果想在自己项目中引用weui组件，需要如下步骤：

1. 打开weui-wxss-master目录 --> dist目录 --> style目录 -->找到 weui.wxss文件，（或者是 weui-wxss-master目录--> src目录 -->style目录-->找到weui.wxss文件）

2.把 weui.wxss文件复制到自己的根目录下，

3.在开发者工具中，打开app.wxss文件，引入weui.wxss，（在app.wxss文件头部写上代码：@import 'weui.wxss';），引入组件就完成了。

在自己的项目中就可以使用weui组件了。

（引用结果，如下图）

附（百度经验） https://jingyan.baidu.com/article/d45ad1485dc09469542b804d.html

用微信开发者工具--打开微信小程序weui组件示例相关推荐

CLI 发行uni-app到微信小程序，如何不打开微信开发者工具去进行小程序发布？
前言: 小程,赶紧把这个UI这里改一下,改完赶紧推个版本,等着测试:哎小程,这个需求客户需要这样改一下,你赶紧改一下推个版本客户等着看!!! 上面这段话相信做开发的同僚或多或少每天都在听,可是小程序的 ...
获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试
本文主要介绍如何在微信开发者工具中,模拟微信扫描小程序码打开小程序的场景,进行调试. 二维码调试可以看这篇文章:微信开发者工具模拟扫描二维码调试添加编译模式添加一个咱们自定义的编译模式输入模式名 ...
安装微信开发者工具及创建小程序
大纲: 一.官网:微信公众平台微信公众平台,给个人.企业和组织提供业务服务与用户管理能力的全新服务平台.https://mp.weixin.qq.com/ 开发者工具下载页面https ...
还在用开发者工具上传小程序? 快来试试 miniprogram-ci 提效摸鱼
1. 前言大家好,我是若川.持续组织了近一年的源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整 ...
微信开发者工具开发微信小程序
微信开发者工具开发微信小程序 1.下载工具 2.工具使用 3.增删改查 a:使用云开发数据库以查询为例 b:调用本地springboot接口以查询为例 1.下载工具进入微信公众平台:微信公众平台 ...
hbuilder运行uniapp,微信开发者工具打开但没有运行项目
问题描述最近接手公司uniapp项目,使用Hbuilder运行uniapp,微信开发者工具打开但没有运行项目: 原因分析: 检查微信小程序开发工具是否最新版; 微信开发者工具登录的微信号,可能未绑定 ...
怎么通过微信开发者工具打开一个项目
最近要修改一个老项目的微信小程序当接收完老项目后,我直接用HBuilder X运行起来结果还不错正常运行起来但是打开页面时显示只能通过手机微信访问于是我通过微信开发者工具打开选择项目后(AP ...
使用微信开发者工具调试微信网页授权登录-react
转:https://www.jianshu.com/p/9ced1a297c95 1.使用localhost本地调试使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号 ...
HBuilder X运行小程序时，打开了微信开发者工具但微信开发者工具未运行项目但又没有错误提示
1.检查配置文件里有没有配置小程序APPid 2.确定开发者工具登录的账号和id属于同账号 3.微信开发者工具不是最新版本卸载重新安装下载地址传送门:微信开发者工具下载地址与更新日志 | 微信开放 ...

用微信开发者工具--打开微信小程序weui组件示例

用微信开发者工具--打开微信小程序weui组件示例相关推荐

最新文章

热门文章