解决uniapp的 swiper 组件的随着指示点添加背景宽度不随着内容添加而自动扩大问题，而是溢出。

出问题前

设置了

width: 0 !important;
max-width: 0 !important;
min-width: 0 !important;

都不生效

需要设置

width:fit-content !important;
width:-webkit-fit-content !important;
width:-moz-fit-content !important;

才生效

改后的样式

代码如下

 /deep/ .wx-swiper-dots {position: absolute !important;bottom: 50rpx !important;right: 0 !important;background: #ebe0de !important;border: 2rpx solid #9c9e9b !important;height: 40rpx !important;line-height:58rpx !important;padding: 0 20rpx  !important;width:fit-content !important;width:-webkit-fit-content !important;width:-moz-fit-content !important;border-radius: 20rpx !important;}

解决uniapp的 swiper 组件的随着指示点添加背景宽度不随着内容添加而自动扩大问题，而是溢出。相关推荐

解决小程序swiper组件轮播指示点颜色设置“无效”的问题
文章目录前言内容发现问题分析问题解决问题总结前言本文章写给在开发微信小程序过程中,使用swiper组件,按照文档设置了指示点自定义颜色却"无效"的同学. 内容发现 ...
uni-app中swiper组件加入视频后无法全屏显示方案解决
今天,在写uni-app的代码过程中,发现swiper组件里面的视频不能占全屏,出不来效果,虽然官网也说自动设置了100%是没错,但是,再次设置宽高100%,不起作用,同时还会导致swiper组件不 ...
uniapp 关于swiper组件和moveable-area、moveable-view组件搭配的图片预览高度集成组件
swper组件内嵌moveable-area 该组件包含:自动分页,手势滑动,双指缩放和双击缩放,放大拖动到边缘自动下一张等功能 <template><view class=&quo ...
【uniapp】swiper 自定义轮播图指示点
前言调试基础库 2.12.0 微信开发者工具 1.03.2008270 uniapp 开发者工具 HBuilderX 2.9.8 uni-swipper-dot uniapp官方推荐的swiper组 ...
解决uni-app视频组件h5手机端全屏后无法横屏播放的问题
最近接到需求要做一个内嵌到手机游戏里的web视频播放器,一个视频列表加一个播放页面. 很简单,一会就做好了. 但是遇到了一个问题却困扰了很久,uni-app的video组件在手机端全屏播放视频时居然无 ...
uniapp swiper组件被内容撑开
文章目录 swiper组件被内容撑开 1.html结构 2.使用uni.createSelectorQuery()动态获取内容高度 swiper组件被内容撑开 1.html结构 <swiper ...
优雅的解决uniapp 页面多个组件调用同一个生命周期时的冲突
优雅的解决uniapp 页面多个组件调用同一个生命周期时的冲突场景当前有个页面,此页面有个 tabs,点击对应的 tabs 下面显示不同的模块,且每个模块都有上拉刷新的功能 <!-- pag ...
微信小程序之轮播图swiper组件自定义指示点样式
微信小程序 - swiper组件定义一个轮播图 swiper 组件: // swiper.wxml <swiper indicator-dots="true">< ...
微信小程序基础2【条件渲染、swiper组件、生命周期、发起请求API】
视频地址: https://www.bilibili.com/video/BV1cW411T7t6 [2018]学做小程序- 清华大学 https://www.bilibili.com/video/ ...
uniapp内置组件
目录 3.1.视图容器 view scroll-view swiper match-media 3.2.表单组件 form input App平台iOS端软键盘上方横条去除方案关于软键盘弹出的逻辑说 ...

解决uniapp的 swiper 组件的随着指示点添加背景宽度不随着内容添加而自动扩大问题，而是溢出。

解决uniapp的 swiper 组件的随着指示点添加背景宽度不随着内容添加而自动扩大问题，而是溢出。相关推荐

最新文章

热门文章