追格圈子小程序或追格资讯小程序(uniapp版)中,轮播图有单图展示,也有多图带间距展示两种形式。为了方便用户自由调整,我们将这种调整方式做以下简单介绍。
通过调整以下参数及css,即可变为多图带间距轮播,以追格圈子小程序中的“资讯模块”为例,如下图:
1、打开:/pages/cms/index/index.vue
代码部分在原有轮播标签中增加以下参数,设置轮播间距模式(间距可自由控制)
previous-margin="20rpx" next-margin="20rpx"
<swiper indicator-dots="true" autoplay="autoplay" circular="ture"
previous-margin="20rpx" next-margin="20rpx"
indicator-color="rgba(255,255,255, 0.3)" indicator-active-color="rgba(255,255,255, 0.8)"
interval="5000" duration="150" easing-function="linear">
2、在css部分,增加新样式(用于调整轮播间距,该间距可以自由调整)
.jiangqie-article-swiper view {
padding: 0 5rpx;
}
反过来,即可将带间距的改为单图模式,如下图:
previous-margin="20rpx" next-margin="20rpx"
改为:
previous-margin="0rpx" next-margin="0rpx"
图片外容器的左右间距改为0 即可,参考之前例子
padding: 0 5rpx;
改为:
padding: 0 0rpx;
-
微信小程序隐私协议弹框不弹微信小程序隐私协议弹框不弹
-
追格小站点评WordPress主题 V1.5.5 更新产品集排序功能追格小站点评主题是一个互联网创新产品分享与点评导航主题。用户在这发掘和发布有趣的产品(网址、小程序、APP),为喜欢的点赞与点评。
-
追格WordPress资讯小程序更新发布V1.6.0专为内容/资源下载场景设计,一站式解决内容和流量变现难题的WordPress资讯小程序。
-
配色新选择:小站点评色彩导航重磅发布追格小站点评主题中特别增设了"色彩导航"栏目。这一新栏目不仅集合了丰富的配色方案、渐变色,还特别融入了中国传统的色彩元素,并提供了颜色码转换工具等实用功能
-
追格企业官网主题 更新发布产品、新闻动态排序等功能追格企业官网主题(专业版)由追格开发的一款WordPress主题模板,专为企业建站和追格企业官网小程序PC配套而设计,功能集产品与服务、经典案例、新闻动态、留言反馈、公司简介、联系我们等模块,简单易用,无需懂代码。
-
追格企业官网主题(多语版)用户中心上线,未来功能更值得期待追格企业官网(多语言版)近日推出了全新的用户中心,为用户带来了更加便捷和个性化的服务体验。这个用户中心支持传统的用户名和密码注册方式,同时也提供了便捷的微信扫码登录选项,让你轻松登录。在这里,你可以轻松修改个人资料、更新密码。
暂无评论,抢个沙发...