From 0e8cc18ee5d35479d30408851c21e5f4c0fb487a Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期二, 30 七月 2024 17:00:37 +0800
Subject: [PATCH] 提交

---
 wechat_jiaxuan/pages/detailDis/product.wxss |   66 ++++++++++++++++++++++++++++++++-
 1 files changed, 64 insertions(+), 2 deletions(-)

diff --git a/wechat_jiaxuan/pages/detailDis/product.wxss b/wechat_jiaxuan/pages/detailDis/product.wxss
index e956d25..dee868f 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,17 +36,56 @@
   font-size: 26rpx;
   color: #fff;
 }
+.container {
+  padding-bottom: 200rpx;
+}
 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 {
   padding: 52rpx 40rpx 40rpx;
   border-radius: 16rpx 16rpx 0rpx 0rpx;
   background-color: #fff;
   margin-bottom: 20rpx;
+  overflow: hidden;
 }
 .main_content .title {
   font-weight: 500;
@@ -53,11 +93,13 @@
   margin-bottom: 16rpx;
 }
 .main_content .desc {
+  line-height: 40rpx;
   font-size: 26rpx;
   color: #555555;
   margin-bottom: 26rpx;
 }
 .main_content .text {
+  line-height: 48rpx;
   font-size: 26rpx;
   color: #555555;
   margin-bottom: 40rpx;
@@ -121,6 +163,7 @@
 }
 .video .img_wrap .img {
   width: 100%;
+  height: 376rpx;
 }
 .video .img_wrap .play {
   position: absolute;
@@ -135,10 +178,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 +208,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;

--
Gitblit v1.9.3