From cb15c57d0ff984f5a100cf25d560fb0a69c00984 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期二, 16 四月 2024 18:21:05 +0800
Subject: [PATCH] 音频bug4
---
packageDomain/pages/sampleBookList/index.wxss | 48 +++++++++++++++++++++++++++++++++++-------------
1 files changed, 35 insertions(+), 13 deletions(-)
diff --git a/packageDomain/pages/sampleBookList/index.wxss b/packageDomain/pages/sampleBookList/index.wxss
index f34a04f..9da69cb 100644
--- a/packageDomain/pages/sampleBookList/index.wxss
+++ b/packageDomain/pages/sampleBookList/index.wxss
@@ -1,3 +1,5 @@
+@import "./index.skeleton.wxss";
+
.container {
width: 100vw;
height: 100vh;
@@ -48,18 +50,19 @@
}
.header-scroll {
- width: 80vw;
+ width: 100vw;
+ overflow-x: auto;
}
.srcolbox {
- width: 100%;
+ width: 900rpx;
white-space: nowrap;
}
.srcolbox .t-button--primary {
border-radius: 50rpx !important;
background: #FF6C00 !important;
- border: none;
+ border: none !important;
}
.srcolbox .t-button--light {
@@ -92,9 +95,13 @@
}
.t-dropdown-menu__item--active {
- height: 86rpx !important;
+ /* height: 86rpx !important; */
background: #F6F6F6 !important;
- border-radius: 40rpx 40rpx 0 0;
+ /* border-radius: 40rpx 40rpx 0 0; */
+}
+
+.t-button--primary::after {
+ border: none !important;
}
.t-radio__title {
@@ -134,8 +141,6 @@
transform: rotate(180deg);
}
-.list-body {}
-
.title {
display: flex;
height: 60rpx;
@@ -153,10 +158,12 @@
.title .icon {
height: 36rpx;
+ width: 140rpx;
line-height: 60rpx;
}
.title .icon .iconImage {
+ width: 100%;
height: 100%;
}
@@ -191,7 +198,7 @@
.book-box {
box-sizing: border-box;
- width: calc(100%/2 - 10rpx);
+ width: calc(100%/2 - 12rpx);
margin-right: 20rpx;
display: flex;
flex-direction: column;
@@ -210,9 +217,15 @@
color: #333;
}
-.book-img image {
- object-fit: contain;
+.book-img {
+ width: 210rpx;
+ height: 290rpx;
box-shadow: 0px 0px 20rpx 2px rgba(0, 0, 0, 0.08);
+}
+
+.book-img image {
+ width: 100%;
+ height: 100%;
}
.book-name {
@@ -275,14 +288,22 @@
margin-left: 10rpx;
}
+.movable-area {
+ width: 100%;
+ height: 100%;
+}
+.movable-view {
+ width: 184rpx;
+ height: 184rpx;
+ top: 800rpx;
+ left: 520rpx;
+}
.applyBox {
width: 184rpx;
height: 184rpx;
- position: fixed;
- bottom: 20%;
- right: 0;
+
}
.applyBox .box {
@@ -295,6 +316,7 @@
.applyBox .box .t-image {
width: 100%;
height: 100%;
+
}
.num {
--
Gitblit v1.9.1