|
|
@@ -13,12 +13,12 @@
|
|
|
<productConSwiperGroupbuying class="skeleton-rect" :imgUrls="storeInfo.slideshow"
|
|
|
:videoline="storeInfo.video_link" @videoPause="videoPause"></productConSwiperGroupbuying>
|
|
|
|
|
|
- <view class="content">
|
|
|
- <view class="home ">
|
|
|
+ <view class="contentScroll ">
|
|
|
+ <view class="homeScroll ">
|
|
|
<view class="count">共{{storeInfo.goodsTotal}}个</view>
|
|
|
<scroll-view id="scrollView" scroll-x class="navscroll" :scroll-into-view="scrollIndex"
|
|
|
:scroll-with-animation="true" onScroll :scroll-left="scrollLeft" @scroll="scroll1">
|
|
|
- <view class="item goods_item_img"
|
|
|
+ <view class=" goods_item_img "
|
|
|
v-for="item in storeInfo.goodsList">
|
|
|
<!-- 通过for循环生成view -->
|
|
|
<image style="width: 108rpx;height: 108rpx;"
|
|
|
@@ -2275,58 +2275,30 @@ action-sheet-item {
|
|
|
font-size: 28rpx;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
-.navscroll {
|
|
|
- white-space: nowrap; // 设置内容不换行
|
|
|
- height: 100rpx; // 设置滑动栏的高度
|
|
|
- background: #F7F8FA; // 设置滑动栏的颜色
|
|
|
-
|
|
|
- // 通过渗透来消除状态栏下方的下划线
|
|
|
- /deep/ ::-webkit-scrollbar {
|
|
|
- width: 4px !important;
|
|
|
- height: 1px !important;
|
|
|
- overflow: auto !important;
|
|
|
- background: transparent !important;
|
|
|
- -webkit-appearance: auto !important;
|
|
|
- display: block;
|
|
|
- }
|
|
|
-
|
|
|
- .item {
|
|
|
- font-size: 40rpx; // 设置字体大小
|
|
|
- display: inline-block; // 设置为行内块
|
|
|
- line-height: 100rpx; // 设置行高
|
|
|
- padding: 0 30rpx; // 设置外边距
|
|
|
- color: #333; // 设置颜色
|
|
|
- }
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.content {
|
|
|
+.contentScroll {
|
|
|
width: 100%;
|
|
|
- height: 108rpx;
|
|
|
+ height: 124rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ background-color: white;
|
|
|
|
|
|
- .home {
|
|
|
+ .homeScroll {
|
|
|
display: flex;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- position: relative;
|
|
|
- left: 0;
|
|
|
- margin-top: 10rpx;
|
|
|
-
|
|
|
.count {
|
|
|
text-align: center;
|
|
|
width: 98rpx !important;
|
|
|
position: relative;
|
|
|
- height: 108rpx;
|
|
|
- line-height: 108rpx;
|
|
|
+ height: 124rpx;
|
|
|
+ line-height: 124rpx;
|
|
|
z-index: 999;
|
|
|
background-size: 100% 100%;
|
|
|
background: linear-gradient(90deg, #FFE9E9 0%, #FAFAFA 100%);
|
|
|
-
|
|
|
}
|
|
|
|
|
|
.navscroll {
|
|
|
+ white-space: nowrap;
|
|
|
+ height: 124rpx;
|
|
|
width: calc(100% - 150rpx);
|
|
|
}
|
|
|
}
|
|
|
@@ -2546,7 +2518,6 @@ action-sheet-item {
|
|
|
width: 128rpx;
|
|
|
height: 128rpx;
|
|
|
margin-right: 20rpx;
|
|
|
- border: 2rpx solid #FFFFFF;
|
|
|
}
|
|
|
|
|
|
.all-products-item-content {
|
|
|
@@ -2561,6 +2532,12 @@ action-sheet-item {
|
|
|
font-weight: 400;
|
|
|
color: #333333;
|
|
|
line-height: 40rpx;
|
|
|
+ width: 550rpx;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
.all-products-item-content-b {
|
zhanghui