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.less | 104 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 104 insertions(+), 0 deletions(-)
diff --git a/wechat_jiaxuan/pages/productVideo/index.less b/wechat_jiaxuan/pages/productVideo/index.less
index 9075a5d..e4d3132 100644
--- a/wechat_jiaxuan/pages/productVideo/index.less
+++ b/wechat_jiaxuan/pages/productVideo/index.less
@@ -58,6 +58,9 @@
.item{
margin-bottom: 60rpx;
position: relative;
+ video{
+ border-radius: 8rpx;
+ }
.play{
width: 60rpx;
position: absolute;
@@ -68,9 +71,11 @@
}
.img_wrap{
width: 100%;
+ height: 376rpx;
position: relative;
.img{
width: 100%;
+ height: 376rpx;
}
}
.title{
@@ -87,4 +92,103 @@
}
}
}
+}
+.video_wrap{
+ position: fixed;
+ width: 100%;
+ height: 100vh;
+ z-index: 999;
+ video{
+ width: 100%;
+ position: fixed;
+ z-index: 9999;
+ top: 50%;
+ transform: translate(0, -50%);
+ }
+}
+.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