From 4a9955330070cf8abd78d95aaa2067d9a06a88c3 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 07 五月 2024 10:05:59 +0800 Subject: [PATCH] 各页面bug修改 --- pages/retrievalPage/index.wxss | 273 ++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 170 insertions(+), 103 deletions(-) diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss index 1b785f6..bda8a84 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,75 +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: 176.63px; - height: 109px; - 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 { @@ -183,8 +113,15 @@ padding: 30rpx; } -.listBox1 .specialSubject-img { + + +.specialSubject-img-box { width: 400rpx; + height: 218rpx; +} + +.specialSubject-img-box image { + width: 380rpx; height: 218rpx; } @@ -203,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 { @@ -243,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%; } @@ -294,17 +217,10 @@ .t-tabs__item--active { color: #FF6C00 !important; - } -.t-tabs__track { - background-color: #FF6C00 !important; -} .noDataBox { - /* display: flex; - justify-content: center; - align-items: center */ margin: 0 auto; margin-top: 250rpx; } @@ -329,4 +245,155 @@ .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 - 208rpx - env(safe-area-inset-bottom)); +} + +.t-search__input-box--square { + border-radius: var(--td-search-square-radius, var(--td-radius-default, 36rpx)) !important; + height: 72rpx; +} + +.t-search__input-box .t-input__keyword { + font-size: var(--td-search-font-size, var(--td-font-size-m, 28rpx)) !important; +} + + +.t-tabs .t-tabs__item--active { + /* min-width: 210rpx; */ + background-repeat: no-repeat; + background-image: url(https://jsek.bnuic.com/home/image/click-icon.png); + background-position: 90% 50%; + background-size: 70rpx !important; + /* 灏嗚儗鏅浘鐗囦綅缃缃负闈犲彸 */ +} + +.t-tabs__track { + background-color: #FF6C00 !important; + /* -webkit-transform: translateX(39px); */ + /* transform: translateX(39px); */ + /* height: var(--td-tab-track-thickness, 0rpx) !important; */ +} + +.t-overlay.overlay--t-overlay { + z-index: -9999 !important; } \ No newline at end of file -- Gitblit v1.9.1