追格资讯小程序(Uniapp专业版)中,首页中的图标默认是滚动模式,有些用户希望调整为自动换行模式。那么我们该如何调整呢?
在追格资讯小程序的首页模板中,其实我们已经为大家预制了图标的两种展示方式,通过简单的调整,无需调整css,就可以从滚动模式切换为自动换行模式。
接下来给大家说说如何调整
打开追格资讯小程序(Uniapp专业版)的首页模板index.vue 找到以下代码:
<!-- icon -->
<!-- 图标导航 滚动模式-->
<view v-if="iconNav && iconNav.length>0" class="jiangqie-scroll-icon">
<scroll-view scroll-x="true">
<view class="jiangqie-iconbox" :data-link="item.link" @click="iconNavItemClick"
v-for="(item,index) in (iconNav)" :key="index">
<image mode="aspectFill" class="jiangqie-iconimg" :src="item.icon"></image>
<text>{{item.title}}</text>
</view>
</scroll-view>
</view>
<!-- 图标导航 自动换行模式 -->
<!-- <view v-if="iconNav && iconNav.length>0" class="jiangqie-icon" style="display: none;">
<view class="jiangqie-iconbox" :data-link="item.link" @click="iconNavItemClick"
v-for="(item,index) in (iconNav)" :key="index">
<image class="jiangqie-iconimg" :src="item.icon"></image>
<text>{{item.title}}</text>
</view>
</view> -->
1、将图标导航滚动模式注释或者增加:style="display: none;"
2、同时将图标导航自动换行模式去掉:style="display: none;",同时取消注释便可以实现以下效果了:
-
WordPress付费下载/积分下载/看广告下载小程序源码关注到不少基于WordPress搭建的站点在做资源下载类网站,不限于积分下载,付费下载,看广告下载或阅读,流量变现相对比较直接,若想做类似资源下载小程序,不妨看看追格的知识库模块,简单配置就是一个资源下载小程序。
-
支付宝小程序web-view中如何进行支付追格小程序用户群里的一朋友问,支付宝小程序web-view中如何进行支付,小编之前也没接触过支付宝小程序支付相关,然后简单查阅了一下文档。
-
追格小站点评主题发布应用市场(探索版)功能追格小站点评主题是一款集产品发布(网址/小程序/APP)、资讯、认证于一体的WordPress点评导航主题。
-
论坛小程序源码下载(圈子社区论坛小程序)之追格小程序PC社区论坛系统大家熟知的应该有Discuz等,WordPress社区论坛插件如bbPress等,在站长圈子里这些都是耳熟能详的作品了。
-
WordPress怎么发布和编辑文章追格小程序交流群,有小伙伴问追格资讯小程序如何编辑文章,追格系的小程序大部分都是基于WordPress开发,如何发布和编辑文章,若不熟悉不放看看下面流程。
-
追格小程序V1.6.1发布代码高亮功能不少小伙伴反馈,希望追格小程序能发布代码高亮功能,满足需求。
暂无评论,抢个沙发...