From 2c08a98f7e85ec7c9376f27a7933e75e44d672f7 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期二, 27 八月 2024 15:52:59 +0800
Subject: [PATCH] ll
---
wechat_staff/components/disRealpic/index.less | 149 ++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 115 insertions(+), 34 deletions(-)
diff --git a/wechat_staff/components/disRealpic/index.less b/wechat_staff/components/disRealpic/index.less
index 409cd72..53871c0 100644
--- a/wechat_staff/components/disRealpic/index.less
+++ b/wechat_staff/components/disRealpic/index.less
@@ -11,42 +11,57 @@
image {
width: 28rpx;
+ height: 28rpx;
margin-right: 16rpx;
}
}
-
.app {
height: 100%;
width: 100%;
+ overflow-y:hidden;
+ .home_content{
+ height: 100%;
+ }
}
+.main_content{
+ height: 100%;
-.main_content {
- height: calc(100% - 120rpx);
+ .query_wrap_scroll {
+ width: 750rpx;
+ padding: 0 40rpx;
+ }
+
.query_wrap {
display: flex;
- padding: 0 16rpx;
+
.item {
+ margin-right: 36rpx;
height: 88rpx;
display: flex;
+ flex-shrink: 0;
align-items: center;
justify-content: center;
color: #666666;
- flex: 1;
+
.name {
margin-right: 6rpx;
}
}
}
+
.query_param {
position: absolute;
- z-index: 99;
+ z-index: 999;
background-color: #fff;
width: 100%;
+
.list {
width: 100%;
display: flex;
flex-wrap: wrap;
padding: 30rpx 40rpx;
+ max-height: 680rpx;
+ overflow: auto;
.item {
width: 202rpx;
height: 72rpx;
@@ -66,13 +81,16 @@
margin-right: 0;
}
}
+
.active {
color: var(--themeColor);
background: rgba(176, 135, 113, 0.08);
}
}
+
.btns {
display: flex;
+
.btn {
flex: 1;
height: 88rpx;
@@ -89,13 +107,23 @@
}
}
}
+ .shade{
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0,0,0,.5);
+ z-index: 99;
+ }
.status {
+ position: absolute;
+ background-color: #fff;
+ z-index: 99;
+ width: 100%;
display: flex;
padding: 0rpx 40rpx;
- margin: 20rpx 0;
+ height: 100rpx;
align-items: center;
-
.active {
color: var(--themeColor);
}
@@ -107,62 +135,115 @@
background-color: #333333;
}
}
- .goods_list{
+
+ .goods_list {
+ height: calc( 100% - 222rpx);
+ width: 750rpx;
+ box-sizing: border-box;
padding: 12rpx 40rpx;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- .item{
- width: 324rpx;
- margin-bottom: 60rpx;
- .img_wrap{
+ .empty{
+ height: 100rpx;
+ }
+ .item {
+ width: 100%;
+ margin-bottom: 32rpx;
+ margin-right: 0;
+ .img_wrap {
width: 100%;
- height: 182rpx;
+ height: 376rpx;
border-radius: 8rpx;
overflow: hidden;
position: relative;
- .img{
+
+ .play {
+ width: 60rpx;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+ }
+
+ .full {
+ position: absolute;
+ top: 16rpx;
+ left: 16rpx;
+ font-size: 20rpx;
+ color: rgba(255, 255, 255, 0.8);
+ width:52rpx;
+ height: 46rpx;
+ background: rgba(0, 0, 0, 0.54);
+ border-radius: 8rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ .icon {
+ width: 24rpx;
+ height: 24rpx;
+ margin-right: 4rpx;
+ }
+ }
+
+ .img {
width: 100%;
height: 100%;
}
- .tag{
- padding: 0 10rpx;
- height: 46rpx;
- line-height: 46rpx;
- text-align: center;
- background: rgba(0,0,0,0.4);
- border-radius: 8rpx;
+
+ .new {
+ width: 72rpx;
position: absolute;
- left: 12rpx;
- top: 16rpx;
- color: #fff;
- font-size: 24rpx;
+ left: 0;
+ top: 0;
z-index: 10;
}
}
- .name{
+
+ .content {
+ display: flex;
+ justify-content: space-between;
+ padding: 0 10rpx;
+ }
+
+ .name {
+ font-size: 30rpx;
margin: 12rpx 0 8rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
}
- .info{
+
+ .info {
display: flex;
align-items: center;
color: #666666;
margin-left: 12rpx;
- .icon{
+
+ .icon {
width: 28rpx;
+ height: 28rpx;
margin-right: 8rpx;
}
- .num{
+
+ .num {
margin-right: 28rpx;
}
- .primary{
+
+ .primary {
color: var(--themeColor);
}
}
}
}
+ .empty_wrap{
+ width: 100%;
+ display: flex;
+ padding-top: 200rpx;
+ justify-content: center;
+ }
+ .default_empty{
+ width: 300rpx;
+ height: 300rpx;
+ }
}
\ No newline at end of file
--
Gitblit v1.9.3