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

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

浏览量:1832 时间: 来源:依旧平凡
1.

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

2.

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

3.

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

4.

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

5.

1.打开weui-wxss-master目录--dist目录--style目录--找到weui.wxss文件,(或者是weui-wxss-master目录--src目录--style目录--找到weui.wxss文件)

6.

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

7.

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

8.

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

9.

(引用结果,如下图)

10.

附(百度经验)https://jingyan.baidu.com/article/d45ad1485dc09469542b804d.html

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

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