当前位置: 首页 > news >正文

赣州新闻联播视频小红书seo排名规则

赣州新闻联播视频,小红书seo排名规则,用vps做网站的流程,申请微官网的网站问题&#xff1a;uniapp使用uni-swipe-action后右侧多了小于1px的间隙。且在真机上没有问题&#xff0c;但是在微信开发者工具中有问题。 代码如下&#xff1a;在滑动滑块或者点击这个区域时&#xff0c;就会出现问题。 <scroll-view :scroll-y"true" :style&quo…

问题:uniapp使用uni-swipe-action后右侧多了小于1px的间隙。且在真机上没有问题,但是在微信开发者工具中有问题。

代码如下:在滑动滑块或者点击这个区域时,就会出现问题。

 

<scroll-view :scroll-y="true" :style="'height:'+contentHeight+'px'" :enable-back-to-top="true"><!-- 有商品展示 --><view class="cart-box" v-if="goodsList.length>0"><uni-swipe-action class="goods-list" v-for="item in goodsList" :key="item.goods_id"><uni-swipe-action-item class="swipe-goods-item" :right-options="options"@click="sliderClick($event, item.goods_id)"><view class="goods-display"><view class="radio"><radio class="radio" @click="clickCurRadio(item.goods_id,item.checked)":value="item.goods_id" :checked="item.checked?true:false" color="#bc2840"style="transform:scale(0.9)" /></view><bjs-settle-goods class="bjs-goods" :goods="item"><template v-slot:cart><view class="goods-promo">限时购</view><view class="goods-price-desc">优惠已降价¥38</view><view class="goods-price"><bjs-price :price="item.goods_price"></bjs-price><uni-number-box class="number-box" v-model="item.cart_counts"@change="changeQuality($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;}}}}}

http://www.ritt.cn/news/12939.html

相关文章:

  • 中山市做网站专业的广州百度推广外包
  • 临沂做网站需要多少钱谷歌app官方下载
  • 网站开发常见面试题电商平台有哪些
  • 网站建设项目申请长沙网络营销推广公司
  • 广州建外贸网站公司简介免费二级域名平台
  • 网站内部代码优化旺道网站优化
  • 做网站必备网络营销的方法
  • 公司做网站主机是什么用途龙岩网站推广
  • 做网站asp互动营销经典案例
  • 专业做网站优化需要多久手机注册网站
  • 用php做网站后台辽宁seo推广
  • 网站建设推广的方法西安网站设计
  • 会展门户网站源码如何注册百度账号
  • 做商铺最好的网站青岛关键词排名系统
  • 成功的网站设计济宁百度推广价格
  • 什么网站可以做试卷电脑清理优化大师
  • Wordpress 整站快速复制网络营销的特点有哪些?
  • 网站开发可选的方案有上海牛巨微seo关键词优化
  • 网站优化公司排名深圳国际财经新闻
  • 做设计外包的网站百度q3财报减亏170亿
  • 使用ai做网站设计国际新闻网
  • 宣武网站建设全网营销推广方案外包
  • 对于网站开发有什么要求济南百度代理
  • 网站建设报价明细模板seo快速排名源码
  • 常州微信网站建设流程找客户的软件有哪些
  • 龙岗平湖网站建设公司sem代运营公司
  • 莱芜58同城唐山seo排名
  • 免费多用户商城企业seo自助建站系统
  • 做网站销售那里找客户如何搭建公司网站
  • 自己做网站赚流量钱app推广怎么联系一手代理