From 3f324f4c5ec2dc66d502adf2ac72bc84f05a2ffd Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 29 七月 2024 16:29:01 +0800
Subject: [PATCH] 提交

---
 wechat_jiaxuan/pages/detailDis/product.wxss |  110 +++++++++++++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 106 insertions(+), 4 deletions(-)

diff --git a/wechat_jiaxuan/pages/detailDis/product.wxss b/wechat_jiaxuan/pages/detailDis/product.wxss
index 6226e87..b323e2b 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,8 +36,49 @@
   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;
@@ -47,16 +89,26 @@
 .main_content .title {
   font-weight: 500;
   font-size: 36rpx;
+  margin-bottom: 16rpx;
 }
 .main_content .desc {
   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,10 +154,27 @@
   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%;
+}
+.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);
 }
 .detail {
   padding: 52rpx 40rpx 40rpx;
@@ -118,14 +187,16 @@
 }
 .detail .line {
   display: flex;
-  height: 62rpx;
+  height: 32rpx;
   margin-bottom: 24rpx;
 }
 .detail .line .label {
+  width: auto;
   font-size: 24rpx;
   color: #666666;
 }
 .detail .line .val {
+  flex: 1;
   font-size: 24rpx;
   color: #333333;
 }
@@ -142,6 +213,10 @@
   display: flex;
   align-items: center;
   height: 100rpx;
+}
+.footer .btns .btn {
+  padding: 0;
+  margin-top: 16rpx;
 }
 .footer .sub_btn {
   display: flex;
@@ -172,3 +247,30 @@
 .footer .item .icon {
   width: 44rpx;
 }
+.share_modal .btns {
+  min-height: 320rpx;
+  display: flex;
+  align-items: center;
+}
+.share_modal .btns .item {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  flex: 1;
+  font-size: 26rpx;
+  background-color: #fff;
+}
+.share_modal .btns .item image {
+  width: 80rpx;
+  height: 80rpx;
+  margin-bottom: 10rpx;
+}
+.share_modal .cancel {
+  height: 80rpx;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: 1rpx solid #e5e5e5;
+}

--
Gitblit v1.9.3