微慕小程序基础教程:如何去掉首页排行榜列表页的缩略图?

 懿古今   2022-11-02 08:52:11 发布  技术文档

微慕小程序开源版 + WordPress站点即可创建出一个非常好看的微信小程序,不过有些WordPress站点是纯文字为主没有图片,这样就会导致微信小程序中首页、排行榜、分类列表页、搜索结果页等地方显示一模一样的缩略图,能不能将这些页面的缩略图去掉呢?这是肯定的!去掉缩略图后小程序的效果图如下:

微慕小程序基础教程:如何去掉首页排行榜列表页的缩略图? - 第1张 - 懿古今(www.yigujin.cn)

下面懿古今就跟大家说一说微慕小程序开源版去掉缩略图的具体步骤:

1、使用微信开发者工具打开我们的微慕小程序源码 - 打开“pages/hot/hot.wxml”文件,找到并删除以下代码:

<image src="{{item.post_thumbnail_image}}" mode="aspectFill" class="post-img"></image>

2、打开“templates/modal-view/common-list.wxml”文件,找到并删除以下代码:

<image src="{{item.post_medium_image}}" mode="aspectFill" class="post-img"></image>

3、打开app.wxss文件并找到.post-desc,删除以下代码:

margin-right: 24rpx;

至此,我们已经将微信小程序开源版中的首页、分类列表页、搜索结果页、排行榜等页面的缩略图去掉。

特别说明:本文的方法仅仅是不在微信小程序中显示缩略图而已,并不是把源码和插件中有关缩略图的代码都删除,以便下次恢复使用。比如后续想要将缩略图再显示回来,只需要把本文步骤中删除的代码添加回来即可。

本文地址:https://www.yigujin.cn/5331.html

您可能感兴趣的文章

文章标签: ,  
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
淘宝和京东热销产品和VIP会员的优惠券推荐

发表评论

  1. 明月登楼
    明月登楼 @回复

    刚开始都喜欢改来改去的!

    • 懿古今
      懿古今2022-11-06 20:27  回复

      @明月登楼就跟刚开始玩个人网站一样,天天折腾功能,后面兴趣没了之后就专心做内容了