追格圈子小程序中如何调整自定义icon展示形式及展示效果
追格圈子小程序首页的自定义icon模块,官方为大家提供了两种展示形式
1、横向滚动模式
2、自动换行模式
默认为滚动模式,因为两种形式实现的程序代码结构不一致,在切换展示形式时需要用户自己编辑模板文件index.vue,在文件的第54行,65行分别是两个展示结构的代码。
如果需要使用滚动模式,保持源文件不动即可
如果需要使用自动换行模式,注释54-62行,然后解开65-72行的注释就可以了
如果用户需要调整图标大小及每个图标所占区域宽度,修改main.scss中的以下css即可
/* --- 此处修改单一图标块所占宽度,用rpx,px,百分比均可 --- */
.jiangqie-custom-icon {
width: 20%;
text-align: center;
padding-bottom: 10rpx;
}
/* --- 此处修改单一图标宽高,建议rpx --- */
.jiangqie-custom-icon image {
height: 90rpx;
width: 90rpx;
}
/* --- 此处修改图标下文字相关,字号,颜色(需要增加color属性),粗细(
需要增加font-weight) --- */
.jiangqie-custom-icon text {
display: block;
line-height: 1.2rem;
font-size: $Q-sub-info-size;
}
-
微信小程序wx.getExtConfig获取第三方平台自定义的数据字段wx.getExtConfig是微信小程序获取第三方平台自定义的数据字段函数。
-
wx.reportAnalytics 微信小程序自定义分析数据上报接口wx.reportAnalytics是微信小程序的自定义分析数据上报API,使用前,需要在小程序管理后台自定义分析中新建事件,配置好事件名与字段。
-
兔年首更:追格小程序V1.5.0发布追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
WordPress小程序直播之追格小程序微信直播模块追格“直播”插件(模块)基于追格小程序(基于WordPress)和微信小程序直播组件开发,人生如戏,每个人都是生活的导演。
-
uniapp 设置微信小程序页面背景色 不起作用为什么设置了背景色无效
-
追格小程序发帖字数限制的修改方法追格小程序发帖字数,因为控件缘故,字数限制为140,若我们想修改成更多应如何处理?其实很简单,我们只需添加maxlength属性即可。
暂无评论,抢个沙发...