From 7cd2d5f404b9845cfe2cbc29334e7785346fde01 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 08 八月 2024 16:38:11 +0800
Subject: [PATCH] lll

---
 wechat_staff/pages/detailDis/product.wxss |   54 ++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/wechat_staff/pages/detailDis/product.wxss b/wechat_staff/pages/detailDis/product.wxss
index 0a94bed..8a26c9c 100644
--- a/wechat_staff/pages/detailDis/product.wxss
+++ b/wechat_staff/pages/detailDis/product.wxss
@@ -41,10 +41,30 @@
 page {
   background-color: #f7f7f7;
 }
+.swiper_wrap {
+  position: relative;
+}
+.swiper_wrap .indicator {
+  position: absolute;
+  right: 40rpx;
+  bottom: 40rpx;
+  width: 80rpx;
+  height: 40rpx;
+  text-align: center;
+  line-height: 40rpx;
+  background: rgba(0, 0, 0, 0.4);
+  border-radius: 21rpx;
+  color: #fff;
+  font-size: 24rpx;
+  z-index: 999;
+  z-index: 99;
+}
 .banner_swiper image {
   width: 100%;
 }
 .main_content {
+  position: relative;
+  bottom: 14rpx;
   padding: 52rpx 40rpx 40rpx;
   border-radius: 16rpx 16rpx 0rpx 0rpx;
   background-color: #fff;
@@ -54,14 +74,20 @@
   font-weight: 500;
   font-size: 36rpx;
   margin-bottom: 16rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
 }
 .main_content .desc {
+  line-height: 40rpx;
   font-size: 26rpx;
   color: #555555;
   margin-bottom: 26rpx;
 }
 .main_content .text {
-  line-height: 36rpx;
+  line-height: 48rpx;
   font-size: 26rpx;
   color: #555555;
   margin-bottom: 40rpx;
@@ -125,6 +151,7 @@
 }
 .video .img_wrap .img {
   width: 100%;
+  height: 376rpx;
 }
 .video .img_wrap .play {
   position: absolute;
@@ -139,10 +166,28 @@
   border-radius: 30rpx;
   font-size: 26rpx;
   color: rgba(255, 255, 255, 0.8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.video .img_wrap .play .icon {
+  width: 14rpx;
+  height: 16rpx;
+  margin-left: 14rpx;
 }
 .detail {
   padding: 52rpx 40rpx 40rpx;
   background-color: #fff;
+}
+.detail .fold {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 84rpx;
+  margin-top: 20rpx;
+}
+.detail .fold .icon {
+  margin-left: 12rpx;
 }
 .detail .title {
   font-weight: 600;
@@ -151,13 +196,14 @@
 }
 .detail .line {
   display: flex;
-  min-height: 32rpx;
-  margin-bottom: 24rpx;
+  padding: 24rpx 0 26rpx;
+  border-bottom: 1rpx dashed #E5E5E5;
 }
 .detail .line .label {
   width: 120rpx;
   font-size: 24rpx;
   color: #666666;
+  flex-shrink: 0;
 }
 .detail .line .val {
   flex: 1;
@@ -192,7 +238,6 @@
   font-weight: 500;
   color: #FFFFFF;
   font-style: 28rpx;
-  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(176, 135, 113, 0.3), inset 0rpx 2rpx 2rpx 0rpx rgba(255, 255, 255, 0.33);
   border-radius: 8rpx;
 }
 .footer .sub_btn .sheji {
@@ -210,4 +255,5 @@
 }
 .footer .item .icon {
   width: 44rpx;
+  height: 44rpx;
 }

--
Gitblit v1.9.3