From 8f1835f66ef83bbd752e080178afb98632a6970d Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期四, 28 三月 2024 14:09:44 +0800 Subject: [PATCH] 云学习购买 --- pages/retrievalPage/index.wxss | 174 ++++++++++++++++++++++++++++----------------------------- 1 files changed, 86 insertions(+), 88 deletions(-) diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss index c0ff82d..77b0c91 100644 --- a/pages/retrievalPage/index.wxss +++ b/pages/retrievalPage/index.wxss @@ -94,76 +94,6 @@ 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: 176.63px; - height: 109px; - object-fit: contain; -} - -.body-info { - padding: 20rpx; - font-size: 28rpx; - min-height: 110rpx; - width: 148px; -} - -.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 { display: flex; } @@ -204,32 +134,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,13 +165,11 @@ .higherBox { width: 220rpx; - /* height: 390rpx; */ box-shadow: 10rpx 10rpx 10rpx 10rpx rgba(0, 0, 0, 0.08); margin: 30rpx 15rpx; } .outsideHigherImageBox { - position: relative; } @@ -263,7 +182,6 @@ .downloadIcon { width: 34rpx; height: 34rpx; - border-radius: 5rpx 5rpx 5rpx 5rpx; background: rgba(0, 0, 0, 0.3); position: absolute; @@ -272,9 +190,7 @@ padding: 10rpx; } - .download { - /* background-color: #8bc34a; */ width: 100%; height: 100%; @@ -295,7 +211,6 @@ .t-tabs__item--active { color: #FF6C00 !important; - } .t-tabs__track { @@ -303,9 +218,6 @@ } .noDataBox { - /* display: flex; - justify-content: center; - align-items: center */ margin: 0 auto; margin-top: 250rpx; } @@ -346,4 +258,90 @@ .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; +} + +.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; } \ No newline at end of file -- Gitblit v1.9.1