/* 设置点点的层级 ,可以调整小点的位置*/
.swiper .wx-swiper-dots.wx-swiper-dots-horizontal {
position: absolute;
top: 250rpx;
/* left: 500rpx; */
/* z-index可设可不设*/
z-index: 999;
}
/* 设置点点的样式 */
.swiper .wx-swiper-dot {
width: 35rpx;
height: 7rpx;
display: inline-flex;
/* 这里设置点点之间的距离 */
margin-left: 19rpx;
justify-content: space-between;
}
/* 当前点点的样式 */
.swiper .wx-swiper-dot::before {
content: '';
flex-grow: 1;
background: #ffffff;
}
/* 当前点点的样式 */
.swiper .wx-swiper-dot-active::before {
background: #ff0000;
}
小程序swiper 小圆点自定义
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
前端生成海报图技术选型与问题解决
作者：vivo 互聯網大前端團隊 - Tian Yuhan 本篇文章主要聚焦海報圖分享這個形式，探討純前端在H5&小程序內，合成海報到下載到本地、分享至社交平臺整個流程中可能遇到的問題，以及如何解決。
【自用】关于微信小程序的合法域名列表，
微信小程序真機調試時出現了，Error: request:fail url not in domain list:api.xxx.com 需要把網址添加到合法域名中，見圖 --- 自用 不解釋