From 4bc1c36faeec2f90e5acfa836732e49fe0b245e9 Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期五, 12 四月 2024 20:47:03 +0800
Subject: [PATCH] 云学习11
---
pages/retrievalPage/index.wxss | 251 ++++++++++++++++++++++++++++++--------------------
1 files changed, 150 insertions(+), 101 deletions(-)
diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss
index e2cc9b1..d3b828c 100644
--- a/pages/retrievalPage/index.wxss
+++ b/pages/retrievalPage/index.wxss
@@ -1,10 +1,10 @@
/* pages/retrievalPage/index.wxss */
+@import "./index.skeleton.wxss";
.nacigationBar {
background-color: #fff;
display: flex;
align-items: center;
-
}
.navbar-title {
@@ -77,7 +77,6 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
-
}
@@ -92,76 +91,6 @@
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
-}
-
-
-.listBox {
- padding: 20rpx 0;
- display: flex;
- flex-flow: row wrap;
- justify-content: space-between;
- margin: 20rpx;
-
-}
-
-.listBox .listItemBox {
- width: 49%;
- margin-bottom: 50rpx;
-
-}
-
-.listItemBox .listItem {
- background: #fff;
- box-sizing: border-box;
- border-radius: 5px;
- overflow: hidden;
- box-shadow: 0px 0px 20rpx 2px #f1f1f1;
- min-height: 170rpx;
-}
-
-
-.listBox .specialSubject-img {
- width: 100%;
- height: 120rpx;
-}
-
-.specialSubject-img image {
- width: 100%;
- height: 100%;
- object-fit: contain;
-}
-
-.body-info {
- padding: 20rpx;
- font-size: 28rpx;
- min-height: 110rpx;
-}
-
-.body-info .name {
-
- font-size: 25rpx;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- margin-bottom: 10rpx;
-}
-
-.body-info .time {
- font-size: 26rpx;
- margin-bottom: 10rpx;
-}
-
-.body-info .author {
- font-size: 26rpx;
- display: flex;
- justify-content: space-between;
-}
-
-.body-info .price {
- font-size: 26rpx;
- color: #ff6d00;
}
.flex {
@@ -184,8 +113,15 @@
padding: 30rpx;
}
-.listBox1 .specialSubject-img {
+
+
+.specialSubject-img-box {
width: 400rpx;
+ height: 218rpx;
+}
+
+.specialSubject-img-box image {
+ width: 380rpx;
height: 218rpx;
}
@@ -204,32 +140,23 @@
flex-wrap: wrap;
justify-content: space-between;
margin: 15px;
-
-
}
.contentBox {
width: 330rpx;
- /* height: 231rpx; */
- /* border: 1px #000 solid; */
margin: 10px 0;
background-color: #fff;
-
}
.textBox {
width: 280rpx;
- /* height: 75rpx; */
font-size: 25rpx;
-
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
- /* text-align: center; */
margin: 20rpx;
-
}
.bookFairImage {
@@ -244,43 +171,38 @@
.higherBox {
width: 220rpx;
- /* height: 390rpx; */
box-shadow: 10rpx 10rpx 10rpx 10rpx rgba(0, 0, 0, 0.08);
margin: 30rpx 15rpx;
}
.outsideHigherImageBox {
-
- position: relative;
+ /* position: relative; */
}
.higherImageBox {
width: 190rpx;
height: 255rpx;
margin: 15rpx;
+ position: relative;
+}
+
+.higherImageBox image {
+ width: 100%;
+ height: 100%;
}
.downloadIcon {
width: 34rpx;
height: 34rpx;
-
border-radius: 5rpx 5rpx 5rpx 5rpx;
background: rgba(0, 0, 0, 0.3);
position: absolute;
- top: 15rpx;
- right: 15rpx;
+ top: 0rpx;
+ right: 0rpx;
padding: 10rpx;
}
-
-.download {
- /* background-color: #8bc34a; */
- width: 100%;
- height: 100%;
-
-}
-
-.downloadshiftin {
+.downloadIcon image {
width: 100%;
height: 100%;
}
@@ -295,7 +217,6 @@
.t-tabs__item--active {
color: #FF6C00 !important;
-
}
.t-tabs__track {
@@ -303,9 +224,6 @@
}
.noDataBox {
- /* display: flex;
- justify-content: center;
- align-items: center */
margin: 0 auto;
margin-top: 250rpx;
}
@@ -326,4 +244,135 @@
align-items: center;
justify-content: center;
--td-loading-color: #ff6c00;
+}
+
+.t-tabs__item--evenly {
+ flex: 1 0 auto !important;
+}
+
+.outsideRetrievalPageBox {
+ /* position: relative; */
+}
+
+.retrievalPageBox {
+ /* position: fixed;
+ top: 0px; */
+ /* background-color: #fff; */
+ /* height: 120px; */
+ /* z-index: 999; */
+}
+
+.tabsBox {
+ /* margin-top: 300rpx; */
+}
+
+/* 涓撻 */
+.listBox {
+ padding: 20rpx 0;
+ display: flex;
+ flex-flow: row wrap;
+ justify-content: space-between;
+ margin: 20rpx;
+}
+
+.listBox .listItemBox {
+ width: 49%;
+ margin-bottom: 30rpx;
+}
+
+.listItemBox .listItem {
+ background: #fff;
+ box-sizing: border-box;
+ border-radius: 5px;
+ overflow: hidden;
+ box-shadow: 0px 0px 20rpx 2px #f1f1f1;
+}
+
+.listBox .specialSubject-img {
+ width: 100%;
+ height: 120rpx;
+}
+
+.specialSubject-img image {
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
+}
+
+.body-info {
+ padding: 16rpx;
+ font-size: 28rpx;
+ width: 310rpx;
+ height: 218rpx;
+}
+
+.body-info .name {
+ font-size: 30rpx;
+ height: 80rpx;
+ color: #333333;
+ font-weight: bold;
+ line-height: 40rpx;
+ display: -webkit-box;
+ margin-bottom: 10rpx;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.body-info .time {
+ font-size: 26rpx;
+ margin-bottom: 10rpx;
+}
+
+.body-info .author {
+ font-size: 26rpx;
+ display: flex;
+ justify-content: space-between;
+ display: -webkit-box;
+ /* 浣跨敤寮规�х洅瀛愬竷灞�妯″瀷 */
+ -webkit-line-clamp: 1;
+ /* 鎺у埗鏂囨湰鐨勮鏁� */
+ -webkit-box-orient: vertical;
+ /* 璁剧疆鐩掑瓙鐨勫瓙鍏冪礌鎺掑垪鏂瑰悜 */
+ overflow: hidden;
+ /* 瓒呭嚭閮ㄥ垎闅愯棌 */
+ text-overflow: ellipsis;
+ /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
+ white-space: normal;
+ flex: 1;
+}
+
+.body-info .price {
+ font-size: 26rpx;
+ color: #ff6d00;
+}
+
+/* .dialogBox .t-input__control {
+ min-height: 100rpx;
+} */
+
+.t-button--text {
+ color: #000 !important;
+}
+
+.t-button--text.t-button--primary {
+ color: var(--td-button-primary-text-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9))) !important;
+ background: none;
+}
+
+.t-input__control {
+ /* border: 1rpx #000 solid; */
+ background-color: #F9F9F9;
+ width: 100%;
+}
+
+.scrollViewBox {
+ height: calc(100vh - 326rpx);
+ /* width: calc(100vw - 60rpx); */
+}
+
+.t-search__input-box--square {
+ border-radius: var(--td-search-square-radius, var(--td-radius-default, 36rpx)) !important;
+ height: 72rpx;
}
\ No newline at end of file
--
Gitblit v1.9.1