微信开发入门（7）如何使用weui.wxss（如何实现微信开发）

什么是weui？

我们将WeUI放在这里的基本文章中是因为WeUI是官方制作的，在IDE于10月28日更新后，IDE无法识别和引用css，同时阻止了从网络获取样式文件，并与css划清了界限。

如何导入WeUI下载WeUIweui.wxss注意是在【weui-wxss/dist/style/】目录下，而不是在【weui-wxss/src】目录下。

将weui.wxss复制到小程序根目录

在app.wxss或页面wxss中导入weui.wxss

/* * app . wxss * */@ import & amp；#39;weui.wxss & amp#39;；以上成功介绍了weui.wxss，weui也提供了单个组件的样式介绍。过程同上。

如何使用class =“page“使用WeUI根组件

& lt视图class = & quot第& quot& gt& lt/view & gt；页面框架组件使用class =“page XXX”（注意有两个下划线）。

& lt视图class = & quot第& quot& gt& lt！--标题--》；& lt视图class = & quotpagehd & quot& gt& lt/view & gt；& lt！--科目--》；& lt视图class = & quotpagebd & quot& gt& lt/view & gt；& lt！--没有页脚--》；& lt/view & gt；所有其他组件都有weui-后跟组件名称，例如class =“weui -footer”。

& lt视图class = & quotweui -页脚& quot& gt我是页脚

& lt视图class = & quotweui -页脚& quot& gt& lt视图class = & quotweui -footer links & quot；& gt& lt导航器url = & quot"class = & quotweui -footer link & quot；& gt小黄象& lt/view & gt；& lt视图class = & quotweui -footer text & quot；& gt版权精品栏目组

下图是结合weui.wxss的社区栏目小程序版本，正在完善ing

【相关建议】

1.下载微信微信官方账号平台源代码。

2.微信投票源代码

3.微信货拉拉外卖2.2.4解密微信魔方开源版源代码。

这几篇文章你可能也喜欢：

• 暂无相关推荐文章

本文由主机参考刊发，转载请注明：微信开发入门（7）如何使用weui.wxss（如何实现微信开发） https://zhujicankao.com/113662.html