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.less | 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 104 insertions(+), 1 deletions(-)
diff --git a/wechat_staff/pages/productVideo/index.less b/wechat_staff/pages/productVideo/index.less
index aff0800..e118f10 100644
--- a/wechat_staff/pages/productVideo/index.less
+++ b/wechat_staff/pages/productVideo/index.less
@@ -56,13 +56,30 @@
.content{
padding: 0 40rpx 40rpx;
.item{
- .img{
+ margin-bottom: 60rpx;
+ position: relative;
+ .play{
+ width: 60rpx;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+ }
+ .img_wrap{
width: 100%;
+ position: relative;
+ .img{
+ width: 100%;
+ }
}
.title{
font-size: 30rpx;
color: #111111;
margin: 24rpx 0 12rpx;
+ }
+ video{
+ border-radius: 8rpx;
}
.static{
font-size: 24rpx;
@@ -73,4 +90,90 @@
}
}
}
+}
+.query_wrap_scroll{
+ width: 750rpx;
+ padding-left: 40rpx;
+}
+.query_wrap {
+ display: flex;
+ flex-wrap: nowrap;
+ .item {
+ flex-shrink: 0;
+ margin-right: 48rpx;
+ height: 100rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ color: #666666;
+ .name {
+ margin-right: 12rpx;
+ }
+ }
+}
+
+.query_form {
+ position: absolute;
+ z-index: 999;
+ background-color: #fff;
+ width: 750rpx;
+ overflow: hidden;
+ .list {
+ width: 100%;
+ display: flex;
+ flex-wrap: wrap;
+ padding: 30rpx 40rpx;
+ max-height: 680rpx;
+ overflow: auto;
+ .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;
+
+ &:nth-of-type(3n) {
+ margin-right: 0;
+ }
+ }
+
+ .active {
+ color: var(--themeColor);
+ background: rgba(176, 135, 113, 0.08);
+ }
+ }
+
+ .btns {
+ display: flex;
+ width: 750rpx;
+ .btn {
+ flex: 1;
+ height: 88rpx;
+ background: #E5E5E5;
+ color: #666666;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .sub {
+ background: var(--themeColor);
+ color: #fff;
+ }
+ }
+}
+.shade{
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0,0,0,.5);
+ z-index: 99;
}
\ No newline at end of file
--
Gitblit v1.9.3