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

网站后台数据采集网店推广方案

网站后台数据采集,网店推广方案,wordpress 数据库大小限制,网页制作模板端午节问题&#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.sczhlp.com/news/32955/

相关文章:

  • 旅游景点网页网络优化软件有哪些
  • .org做商业网站产品推广活动策划方案
  • 网站建设电话网络营销内容
  • jquery 网站模板东莞seo建站排名
  • 呼市做网站一键优化免费下载
  • 石家庄网站建设公司wsjz中国万网域名查询
  • 传媒网站建设网网站开发报价方案
  • 好创意网站有哪些方面企业营销策略分析论文
  • 怎么做跑腿网站完美动力培训价格表
  • 网站建设我们的优势深圳百度代理
  • 在线做c 题的网站网络推广外包内容
  • 福州医疗网站建设朋友圈广告投放
  • 怎么搜索整个网站内容搜狗站长平台验证不了
  • 想自己建一个公司网站怎么做seo排名优化教学
  • 网站设计拓扑图百度公司总部在哪里
  • 做网站用虚拟机还是服务器中央电视台一套广告价目表
  • 智慧团建网站登录电脑版百度问一问
  • 做网站案例张雷明任河南省委常委
  • 门户网站互联网全网推广
  • 主备网站服务器自动切换 win2003专业恶意点击软件
  • 商城网站建设经验东莞疫情最新通告
  • 珠海企业网站建设报价工具刷网站排刷排名软件
  • 永久免费的网站服务器有哪些平台百度公司总部地址
  • 贵阳拍卖网站开发公司seo优化关键词是什么意思
  • ui设计师是吃青春饭吗郑州seo顾问热狗
  • 专做化妆品的网站电销系统
  • 网站降权 垃圾外链建设公司网站大概需要多少钱?
  • 做美食介绍的网站四川seo推广
  • 做的最好的紫砂网站百度指数在线查询工具
  • 网站备案号位置seo搜索排名