追格圈子小程序或追格资讯小程序(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;
-
Donut 多端框架Donut多端框架是支持使用小程序原生语法开发移动应用的框架,开发者可以一次编码,分别编译为小程序和 Android 以及 iOS 应用,实现多端开发;能帮助企业有效降低多端应开发的技术门槛和研发成本,以及提升开发效率和开发体验。
-
追格小站点评主题发布应用市场(探索版)功能追格小站点评主题是一款集产品发布(网址/小程序/APP)、资讯、认证于一体的WordPress点评导航主题。
-
All-in-One WP Migration(一站式WP迁移)WordPress全站迁移插件All-in-One WP Migration是一款WordPress全站迁移插件,中文名叫“一站式WP迁移”,在WordPress官网显示有超过500万的安装量,超过6000+的五星好评。
-
WordPress缓存插件Cache MasterWordPress缓存插件,追格小编早些时候也分享过,如:Lazy Load WordPress、Cachify等等。今天我们说说Cache Master,其实和其他大同小异,各有优劣势。
-
追格企业官网小程序Free 白屏 xxx.js .js 已被代码依赖分析忽略,无法被其他模块引用微信小程序开发工具的锅……
-
追格小程序V1.6.1发布代码高亮功能不少小伙伴反馈,希望追格小程序能发布代码高亮功能,满足需求。
暂无评论,抢个沙发...