From ebc6e7ee67f13e7aa311e737dfcb4c5caed112ee Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期四, 15 八月 2024 18:23:57 +0800
Subject: [PATCH] ll

---
 wechat_jiaxuan/pages/detailDis/product.wxss |   76 ++++++++++++++++++++++++++++++++++++-
 1 files changed, 73 insertions(+), 3 deletions(-)

diff --git a/wechat_jiaxuan/pages/detailDis/product.wxss b/wechat_jiaxuan/pages/detailDis/product.wxss
index e956d25..8baf2fc 100644
--- a/wechat_jiaxuan/pages/detailDis/product.wxss
+++ b/wechat_jiaxuan/pages/detailDis/product.wxss
@@ -21,6 +21,7 @@
 }
 .user .avatar {
   width: 80rpx;
+  height: 80rpx;
   border-radius: 50%;
   margin-right: 24rpx;
 }
@@ -35,29 +36,78 @@
   font-size: 26rpx;
   color: #fff;
 }
+.container {
+  padding-bottom: 200rpx;
+  padding-top: 148rpx;
+}
 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%;
 }
+.share_btn {
+  position: fixed;
+  bottom: 16rpx;
+  left: 40rpx;
+  width: 670rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 72rpx;
+  flex: 1;
+  background-color: var(--themeColor);
+  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;
+}
 .main_content {
+  position: relative;
+  bottom: 14rpx;
   padding: 52rpx 40rpx 40rpx;
   border-radius: 16rpx 16rpx 0rpx 0rpx;
   background-color: #fff;
   margin-bottom: 20rpx;
+  overflow: hidden;
 }
 .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: 36rpx;
   font-size: 26rpx;
   color: #555555;
   margin-bottom: 26rpx;
 }
 .main_content .text {
+  line-height: 36rpx;
   font-size: 26rpx;
   color: #555555;
   margin-bottom: 40rpx;
@@ -121,6 +171,7 @@
 }
 .video .img_wrap .img {
   width: 100%;
+  height: 376rpx;
 }
 .video .img_wrap .play {
   position: absolute;
@@ -135,10 +186,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;
@@ -147,13 +216,14 @@
 }
 .detail .line {
   display: flex;
-  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;
@@ -188,7 +258,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 {
@@ -206,6 +275,7 @@
 }
 .footer .item .icon {
   width: 44rpx;
+  height: 44rpx;
 }
 .share_modal .btns {
   min-height: 320rpx;

--
Gitblit v1.9.3