网站改版 域名,公司网站建设维护及使用管理办法,关于建设网站的请示报告,绞铜机 东莞网站建设问题#xff1a;uniapp使用uni-swipe-action后右侧多了小于1px的间隙。且在真机上没有问题#xff0c;但是在微信开发者工具中有问题。
代码如下#xff1a;在滑动滑块或者点击这个区域时#xff0c;就会出现问题。 scroll-view :scroll-ytrue :styleuniapp使用uni-swipe-action后右侧多了小于1px的间隙。且在真机上没有问题但是在微信开发者工具中有问题。
代码如下在滑动滑块或者点击这个区域时就会出现问题。 scroll-view :scroll-ytrue :styleheight:contentHeightpx :enable-back-to-toptrue!-- 有商品展示 --view classcart-box v-ifgoodsList.length0uni-swipe-action classgoods-list v-foritem in goodsList :keyitem.goods_iduni-swipe-action-item classswipe-goods-item :right-optionsoptionsclicksliderClick($event, item.goods_id)view classgoods-displayview classradioradio classradio clickclickCurRadio(item.goods_id,item.checked):valueitem.goods_id :checkeditem.checked?true:false color#bc2840styletransform:scale(0.9) //viewbjs-settle-goods classbjs-goods :goodsitemtemplate v-slot:cartview classgoods-promo限时购/viewview classgoods-price-desc优惠已降价38/viewview classgoods-pricebjs-price :priceitem.goods_price/bjs-priceuni-number-box classnumber-box v-modelitem.cart_countschangechangeQuality($event,item) //view/template/bjs-settle-goods/view/uni-swipe-action-item/uni-swipe-action/view/scroll-view
怀疑是父级容器cart-box和子级uni-swipe-action宽度没有完全相等导致。而容器都没有设置固定宽度值父级容器cart-box只设置了padding: 10px 10px;
尝试使用伪元素after没用
解决在子级容器添加padding-right:5px值必须固定撑满容器并且设置 display: flex; .cart-box {background-color: #f5f3f4;padding: 10px 10px;.goods-list {padding: 10px 10px;background-color: $whiteBgColor;display: flex;border-radius: 6px;flex-direction: column;.swipe-goods-item {// 父级goods-list 宽度和滑块宽度不一致导致右侧1px间隙padding-right: 5px;display: flex;}.goods-display {height: 100%;display: flex;.radio {width: 8%;height: 100%;extend .displayCenter;}.bjs-goods {width: 92%;display: flex;}.goods-promo {margin: 5px 0;width: fit-content;border: 1px solid $redColor;padding: 5px;border-radius: 5px;font-size: 15px;color: $redColor;}.goods-price {margin: 5px 0;display: flex;justify-content: space-between;.number-box {margin-left: 10px;}}}}}
