From c6abdfaf883e35e9c930dbdbe533d36e2966eb23 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期一, 08 七月 2024 12:00:37 +0800 Subject: [PATCH] 检索页修改 --- pages/retrievalPage/index.wxss | 155 +++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 123 insertions(+), 32 deletions(-) diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss index a491016..d6e7896 100644 --- a/pages/retrievalPage/index.wxss +++ b/pages/retrievalPage/index.wxss @@ -1,4 +1,5 @@ /* pages/retrievalPage/index.wxss */ +@import "./index.skeleton.wxss"; .nacigationBar { background-color: #fff; @@ -78,8 +79,6 @@ overflow: hidden; } - - .bookDataAuthor { font-family: PingFang SC, PingFang SC; font-weight: 400; @@ -103,7 +102,7 @@ .listBox1, .listBox2 { - padding: 50rpx 0; + /* padding: 50rpx 0; */ } .listBox1 .listItemBox { @@ -138,7 +137,7 @@ display: flex; flex-wrap: wrap; justify-content: space-between; - margin: 15px; + padding: 0 30rpx; } .contentBox { @@ -175,13 +174,19 @@ } .outsideHigherImageBox { - position: relative; + /* position: relative; */ } .higherImageBox { width: 190rpx; height: 255rpx; margin: 15rpx; + position: relative; +} + +.higherImageBox image { + width: 100%; + height: 100%; } .downloadIcon { @@ -190,18 +195,12 @@ 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 { - width: 100%; - height: 100%; - -} - -.downloadshiftin { +.downloadIcon image { width: 100%; height: 100%; } @@ -218,13 +217,13 @@ color: #FF6C00 !important; } -.t-tabs__track { - background-color: #FF6C00 !important; +.t-tabs__item { + flex: 1 !important; } + .noDataBox { margin: 0 auto; - margin-top: 250rpx; } .bottom-box { @@ -250,25 +249,20 @@ } .outsideRetrievalPageBox { - position: relative; + /* position: relative; */ } .retrievalPageBox { - position: fixed; - top: 0px; - background-color: #fff; - height: 120px; + /* position: fixed; + top: 0px; */ + /* background-color: #fff; */ + /* height: 120px; */ /* z-index: 999; */ } .tabsBox { - margin-top: 300rpx; + /* margin-top: 300rpx; */ } - - - - - /* 涓撻 */ .listBox { @@ -352,14 +346,12 @@ color: #ff6d00; } -.dialogBox .t-input__control { - +/* .dialogBox .t-input__control { min-height: 100rpx; -} +} */ .t-button--text { color: #000 !important; - } .t-button--text.t-button--primary { @@ -371,4 +363,103 @@ /* 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; + width: 80rpx !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; +} + + + + + +.navBox { + /* tab鏁翠綋鏍峰紡 */ + height: 70rpx; + + display: flex; + align-items: center; + justify-content: space-around; + border-bottom: 2rpx solid rgb(243, 244, 249); + line-height: 45rpx; + margin-top: 20rpx; + /* overflow-y: scroll; */ + display: flex; + flex: 1 0 auto; + + /* + overflow-x: hidden; */ +} + +.fontColorBox { + /* 閫変腑tab鏍峰紡 */ + color: #FF6C00; + font-weight: bold; + +} + +.titleBox { + /* 鏈�変腑tab鏍峰紡 */ + height: 70rpx; + color: rgb(168, 170, 175); + font-size: 28rpx; + display: flex; + flex-direction: column; + align-items: center; + +} + +.lineBox { + /* 绾挎潯鏍峰紡 */ + width: 32rpx; + height: 8rpx; + background: #FF6C00; + margin-top: 10rpx; + border-radius: 4rpx; +} + +.swiperTtemBox { + /* 鍐呭鏍峰紡 */ + /* padding: 16rpx; */ + font-size: 28rpx; + height: calc(100vh - 150rpx); +} + +.tabIndexBox { + display: flex; + margin: 0 20rpx; + + + } \ No newline at end of file -- Gitblit v1.9.1