From 2f3b3bd2fdf08822e54ebd2ee7a86790ca46a535 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期一, 29 七月 2024 16:23:08 +0800
Subject: [PATCH] 提交
---
wechat_staff/pages/detailDis/product.wxss | 68 +++++++++++++++++++++++++++++++--
1 files changed, 63 insertions(+), 5 deletions(-)
diff --git a/wechat_staff/pages/detailDis/product.wxss b/wechat_staff/pages/detailDis/product.wxss
index 6226e87..a19e78d 100644
--- a/wechat_staff/pages/detailDis/product.wxss
+++ b/wechat_staff/pages/detailDis/product.wxss
@@ -35,8 +35,32 @@
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 {
padding: 52rpx 40rpx 40rpx;
@@ -47,16 +71,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 {
+.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 +136,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 +169,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 +195,10 @@
display: flex;
align-items: center;
height: 100rpx;
+}
+.footer .btns .btn {
+ padding: 0;
+ margin-top: 16rpx;
}
.footer .sub_btn {
display: flex;
@@ -171,4 +228,5 @@
}
.footer .item .icon {
width: 44rpx;
+ height: 44rpx;
}
--
Gitblit v1.9.3