From aff8d054df4a638f399dc8f15d98c19b9c9aa785 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 29 四月 2025 10:11:25 +0800 Subject: [PATCH] 扫码视频播放 --- pages/retrievalPage/index.wxss | 230 +++++++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 196 insertions(+), 34 deletions(-) diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss index 9e89117..526e838 100644 --- a/pages/retrievalPage/index.wxss +++ b/pages/retrievalPage/index.wxss @@ -1,9 +1,14 @@ /* pages/retrievalPage/index.wxss */ +@import "./index.skeleton.wxss"; .nacigationBar { background-color: #fff; display: flex; align-items: center; +} + +.t-icon-base { + font-size: 38rpx; } .navbar-title { @@ -78,8 +83,6 @@ overflow: hidden; } - - .bookDataAuthor { font-family: PingFang SC, PingFang SC; font-weight: 400; @@ -103,7 +106,7 @@ .listBox1, .listBox2 { - padding: 50rpx 0; + /* padding: 50rpx 0; */ } .listBox1 .listItemBox { @@ -117,11 +120,14 @@ .specialSubject-img-box { width: 400rpx; height: 218rpx; + flex: 1; + margin: 0 auto; } .specialSubject-img-box image { - width: 380rpx; - height: 218rpx; + width: 100%; + height: 100%; + object-fit: contain; } .listBox1 .addCartImg, @@ -138,7 +144,7 @@ display: flex; flex-wrap: wrap; justify-content: space-between; - margin: 15px; + padding: 0 30rpx; } .contentBox { @@ -175,13 +181,19 @@ } .outsideHigherImageBox { - position: relative; + /* position: relative; */ } .higherImageBox { width: 190rpx; height: 255rpx; margin: 15rpx; + position: relative; +} + +.higherImageBox image { + width: 100%; + height: 100%; } .downloadIcon { @@ -190,18 +202,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 +224,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 { @@ -254,21 +260,16 @@ } .retrievalPageBox { - position: fixed; - top: 0px; - background-color: #fff; - height: 120px; - z-index: 999; + /* position: fixed; + top: 0px; */ + /* background-color: #fff; */ + /* height: 120px; */ + /* z-index: 999; */ } .tabsBox { - margin-top: 300rpx; + /* margin-top: 300rpx; */ } - - - - - /* 涓撻 */ .listBox { @@ -306,6 +307,8 @@ .body-info { padding: 16rpx; font-size: 28rpx; + width: 310rpx; + /* height: 218rpx; */ } .body-info .name { @@ -350,14 +353,17 @@ color: #ff6d00; } -.dialogBox .t-input__control { - - min-height: 100rpx; +.dialogBox { + position: absolute; + top: 0; + left: 0; + width: 100vw; + height: 100vh; + z-index: 999999; } .t-button--text { color: #000 !important; - } .t-button--text.t-button--primary { @@ -369,4 +375,160 @@ /* 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; +} + + + +.scroll-x { + height: 70rpx; + border-bottom: 2rpx solid rgb(243, 244, 249); + padding-top: 20rpx; +} + +.navBox { + /* tab鏁翠綋鏍峰紡 */ + height: 70rpx; + display: flex; + align-items: center; + display: flex; + flex: 1 0 auto; +} + +.fontColorBox { + /* 閫変腑tab鏍峰紡 */ + color: #FF6C00; +} + +.titleBox { + /* 鏈�変腑tab鏍峰紡 */ + height: 70rpx; + font-size: 28rpx; + display: flex; + flex-direction: column; + align-items: center; + min-width: 180rpx; + flex: 1 +} + +.lineBox { + /* 绾挎潯鏍峰紡 */ + width: 80rpx; + height: 8rpx; + background: #FF6C00; + margin-top: 25rpx; + margin-right: 10rpx; + border-radius: 4rpx; +} + +.swiperTtemBox { + /* 鍐呭鏍峰紡 */ + /* padding: 16rpx; */ + font-size: 28rpx; + height: calc(100vh - 150rpx); +} + +.tabIndexBox { + text-align: center; +} + +/* 钂欏眰 */ +.popup-box { + position: absolute; + z-index: 99; + top: 0; + background-color: rgba(0, 0, 0, 0.5); + width: 100%; + height: 100%; +} + +.info-center { + position: fixed; + top: 30%; + z-index: 999; + background-color: white; + align-items: center; + justify-content: center; + border-radius: 10rpx; + width: 80%; + margin-left: 10%; + margin-right: 10%; +} + +.row-btn { + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + border-top: 1rpx solid #f1f1f1; +} + +.row-btn view { + flex: 1; + text-align: center; + margin: 20rpx 10%; + padding: 12rpx 0; + font-size: 32rpx; + border-radius: 10rpx; +} + +.left-btn { + background-color: #f1f1f1; + color: #5C5C5C; +} + +.right-btn { + background-color: #ff6c00; + color: white; +} + +.row-info .body { + min-height: 120rpx; +} + +.dialog-title { + padding: 20rpx 0; + text-align: center; + font-size: 35rpx; + font-weight: 600; +} + +.input-box { + padding: 0 20rpx; + width: 92%; + margin-bottom: 16rpx; } \ No newline at end of file -- Gitblit v1.9.1