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/productVideo/index.wxss | 98 +++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 82 insertions(+), 16 deletions(-)
diff --git a/wechat_jiaxuan/pages/productVideo/index.wxss b/wechat_jiaxuan/pages/productVideo/index.wxss
index cf43650..4a1a0cb 100644
--- a/wechat_jiaxuan/pages/productVideo/index.wxss
+++ b/wechat_jiaxuan/pages/productVideo/index.wxss
@@ -56,6 +56,9 @@
margin-bottom: 60rpx;
position: relative;
}
+.content .item video {
+ border-radius: 8rpx;
+}
.content .item .play {
width: 60rpx;
position: absolute;
@@ -99,21 +102,84 @@
top: 50%;
transform: translate(0, -50%);
}
-.video_content{
- position: absolute;
- top: 10rpx;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.2);
- z-index: 9999;
+.query_wrap_scroll {
+ width: 750rpx;
+ padding-left: 40rpx;
}
-.video_content .video{
- position: fixed;
+.query_wrap {
+ display: flex;
+ flex-wrap: nowrap;
+}
+.query_wrap .item {
+ flex-shrink: 0;
+ margin-right: 48rpx;
+ height: 100rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #666666;
+}
+.query_wrap .item .name {
+ margin-right: 12rpx;
+}
+.query_form {
+ position: absolute;
+ z-index: 999;
+ background-color: #fff;
+ width: 750rpx;
+ overflow: hidden;
+}
+.query_form .list {
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ padding: 30rpx 40rpx;
+ max-height: 680rpx;
+ overflow: auto;
+}
+.query_form .list .item {
+ width: 210rpx;
+ height: 72rpx;
+ text-align: center;
+ line-height: 70rpx;
+ background: #F7F7F7;
border-radius: 8rpx;
- top: 50%;
- left: 75rpx;
- transform: translate(0, -50%);
- width: 600rpx;
- z-index: 10000;
-}
\ No newline at end of file
+ font-size: 26rpx;
+ color: #333333;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ margin-right: 20rpx;
+ margin-bottom: 24rpx;
+}
+.query_form .list .item:nth-of-type(3n) {
+ margin-right: 0;
+}
+.query_form .list .active {
+ color: var(--themeColor);
+ background: rgba(176, 135, 113, 0.08);
+}
+.query_form .btns {
+ display: flex;
+ width: 750rpx;
+}
+.query_form .btns .btn {
+ flex: 1;
+ height: 88rpx;
+ background: #E5E5E5;
+ color: #666666;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.query_form .btns .sub {
+ background: var(--themeColor);
+ color: #fff;
+}
+.shade {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 99;
+}
--
Gitblit v1.9.3