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

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

浏览量:6248 时间: 来源:依旧平凡

浏览器搜索 :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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎