VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动
荫云优惠活动

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

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

什么是weui?

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

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

将weui.wxss复制到小程序根目录微信开发入门(7)如何使用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微信开发入门(7)如何使用weui.wxss(如何实现微信开发)

【相关建议】

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

2.微信投票源代码

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

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

  • 暂无相关推荐文章

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

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 微信开发入门(7)如何使用weui.wxss(如何实现微信开发)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!