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_staff/pages/productVideo/index.wxss | 102 ++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 101 insertions(+), 1 deletions(-)
diff --git a/wechat_staff/pages/productVideo/index.wxss b/wechat_staff/pages/productVideo/index.wxss
index 5d130e2..4e479e0 100644
--- a/wechat_staff/pages/productVideo/index.wxss
+++ b/wechat_staff/pages/productVideo/index.wxss
@@ -52,13 +52,32 @@
.content {
padding: 0 40rpx 40rpx;
}
-.content .item .img {
+.content .item {
+ margin-bottom: 60rpx;
+ position: relative;
+}
+.content .item .play {
+ width: 60rpx;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+}
+.content .item .img_wrap {
+ width: 100%;
+ position: relative;
+}
+.content .item .img_wrap .img {
width: 100%;
}
.content .item .title {
font-size: 30rpx;
color: #111111;
margin: 24rpx 0 12rpx;
+}
+.content .item video {
+ border-radius: 8rpx;
}
.content .item .static {
font-size: 24rpx;
@@ -68,3 +87,84 @@
width: 26rpx;
margin-right: 10rpx;
}
+.query_wrap_scroll {
+ width: 750rpx;
+ padding-left: 40rpx;
+}
+.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;
+ 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