追格圈子小程序或追格资讯小程序(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;
-
追格资讯小程序(开源版)更新发布隐私协议接口追格资讯小程序Free(又称酱茄free),实现WordPress网站数据与小程序同步共享,简单的配置就能搭建自己的资讯/博客小程序。一套代码多端适用(微信端、百度端、QQ端、H5端)。
-
追格主题"vip会员和资源下载"插件正式发布“追格主题”是一款免费开源的WordPress主题,专为资源下载、资讯媒体、图文博客网站而设计,响应式布局且自带用户中心、点赞收藏评论、SEO、个人主页、文章目录等功能,追格主题遵循GPL V2.0开源协议发布。以下内容含有广告信息。
-
WordPress后台隐藏评论菜单入口的方法追格资讯小程序小编讲了《WordPress后台仅限管理员查看评论的修改方法》,今天我们说说WordPress后台隐藏评论菜单入口的方法。
-
追格商城小程序(开源版)V1.4.2新增分类排序等功能追格商城小程序(开源版)是一个基于WordPress和Uniapp进行开发的微信商城系统,代码无加密、无后门,简单配置即可发布!
-
2023年国庆放假通知2023年国庆节,追格放假有关事宜通知
-
追格资讯小程序(专业版)文章详情头部图片批量开启的方法有追格资讯小程序专业版用户发帖咨询:想把所有文章都开启头部图片显示,但是旧文章太多了,一个一个编辑文章太麻烦了,有没有什么快捷方式,可以直接修改代码后,实现全部启用?
暂无评论,抢个沙发...