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 | 181 +++++++++++++++++++++++++++++++++++++++------ 1 files changed, 157 insertions(+), 24 deletions(-) diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss index da4f78d..526e838 100644 --- a/pages/retrievalPage/index.wxss +++ b/pages/retrievalPage/index.wxss @@ -7,6 +7,10 @@ align-items: center; } +.t-icon-base { + font-size: 38rpx; +} + .navbar-title { white-space: nowrap; /* overflow: hidden; */ @@ -79,8 +83,6 @@ overflow: hidden; } - - .bookDataAuthor { font-family: PingFang SC, PingFang SC; font-weight: 400; @@ -104,7 +106,7 @@ .listBox1, .listBox2 { - padding: 50rpx 0; + /* padding: 50rpx 0; */ } .listBox1 .listItemBox { @@ -118,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, @@ -139,7 +144,7 @@ display: flex; flex-wrap: wrap; justify-content: space-between; - margin: 15px; + padding: 0 30rpx; } .contentBox { @@ -219,10 +224,13 @@ color: #FF6C00 !important; } +.t-tabs__item { + flex: 1 !important; +} + .noDataBox { margin: 0 auto; - margin-top: 250rpx; } .bottom-box { @@ -248,7 +256,7 @@ } .outsideRetrievalPageBox { - /* position: relative; */ + position: relative; } .retrievalPageBox { @@ -300,7 +308,7 @@ padding: 16rpx; font-size: 28rpx; width: 310rpx; - height: 218rpx; + /* height: 218rpx; */ } .body-info .name { @@ -345,9 +353,14 @@ 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; @@ -365,8 +378,7 @@ } .scrollViewBox { - height: calc(100vh - 326rpx); - /* width: calc(100vw - 60rpx); */ + height: calc(100vh - 208rpx - env(safe-area-inset-bottom)); } .t-search__input-box--square { @@ -378,24 +390,145 @@ font-size: var(--td-search-font-size, var(--td-font-size-m, 28rpx)) !important; } -/* element.style { - -webkit-transform: translateX(38.9921875px) !important; - transform: translateX(38.9921875px) !important; -} */ .t-tabs .t-tabs__item--active { /* min-width: 210rpx; */ background-repeat: no-repeat; - /* background-size: 100% 100%; - background-position: 100% 100%; */ background-image: url(https://jsek.bnuic.com/home/image/click-icon.png); - background-position: 83% center; - background-size: 45% 70%; + background-position: 90% 50%; + background-size: 70rpx !important; /* 灏嗚儗鏅浘鐗囦綅缃缃负闈犲彸 */ } .t-tabs__track { background-color: #FF6C00 !important; - -webkit-transform: translateX(39px); - transform: translateX(39px); + 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