From 2c08a98f7e85ec7c9376f27a7933e75e44d672f7 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 27 八月 2024 15:52:59 +0800
Subject: [PATCH] ll

---
 wechat_staff/pages/detailDis/product.wxss |   97 +++++++++++++++++++++++++++++++++++++++++++++---
 1 files changed, 91 insertions(+), 6 deletions(-)

diff --git a/wechat_staff/pages/detailDis/product.wxss b/wechat_staff/pages/detailDis/product.wxss
index 6226e87..8a26c9c 100644
--- a/wechat_staff/pages/detailDis/product.wxss
+++ b/wechat_staff/pages/detailDis/product.wxss
@@ -35,10 +35,36 @@
   font-size: 26rpx;
   color: #fff;
 }
+.main_app {
+  padding-bottom: 160rpx;
+}
 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;
@@ -47,16 +73,32 @@
 .main_content .title {
   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: 16rpx 0 26rpx;
+  margin-bottom: 26rpx;
 }
 .main_content .text {
+  line-height: 48rpx;
   font-size: 26rpx;
   color: #555555;
   margin-bottom: 40rpx;
+}
+.spaceList .item .name {
+  font-weight: 600;
+  font-size: 36rpx;
+  color: #111111;
+}
+.spaceList .item .img {
+  width: 100%;
 }
 .counselor {
   width: 670rpx;
@@ -102,14 +144,50 @@
   font-size: 36rpx;
   margin-bottom: 32rpx;
 }
-.video video {
+.video .img_wrap {
   width: 100%;
-  border: 1px solid;
   border-radius: 8rpx;
+  position: relative;
+}
+.video .img_wrap .img {
+  width: 100%;
+  height: 376rpx;
+}
+.video .img_wrap .play {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 136rpx;
+  height: 58rpx;
+  line-height: 56rpx;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.54);
+  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;
@@ -118,14 +196,17 @@
 }
 .detail .line {
   display: flex;
-  height: 62rpx;
-  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;
   font-size: 24rpx;
   color: #333333;
 }
@@ -143,6 +224,10 @@
   align-items: center;
   height: 100rpx;
 }
+.footer .btns .btn {
+  padding: 0;
+  margin-top: 16rpx;
+}
 .footer .sub_btn {
   display: flex;
   justify-content: center;
@@ -153,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 {
@@ -171,4 +255,5 @@
 }
 .footer .item .icon {
   width: 44rpx;
+  height: 44rpx;
 }

--
Gitblit v1.9.3