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 | 414 ++++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 308 insertions(+), 106 deletions(-)
diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss
index 1b785f6..526e838 100644
--- a/pages/retrievalPage/index.wxss
+++ b/pages/retrievalPage/index.wxss
@@ -1,10 +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 {
@@ -77,10 +81,7 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
-
}
-
-
.bookDataAuthor {
font-family: PingFang SC, PingFang SC;
@@ -94,75 +95,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;
-}
-
-.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;
}
@@ -174,7 +106,7 @@
.listBox1,
.listBox2 {
- padding: 50rpx 0;
+ /* padding: 50rpx 0; */
}
.listBox1 .listItemBox {
@@ -183,9 +115,19 @@
padding: 30rpx;
}
-.listBox1 .specialSubject-img {
+
+
+.specialSubject-img-box {
width: 400rpx;
height: 218rpx;
+ flex: 1;
+ margin: 0 auto;
+}
+
+.specialSubject-img-box image {
+ width: 100%;
+ height: 100%;
+ object-fit: contain;
}
.listBox1 .addCartImg,
@@ -202,33 +144,24 @@
display: flex;
flex-wrap: wrap;
justify-content: space-between;
- margin: 15px;
-
-
+ padding: 0 30rpx;
}
.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 +176,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,19 +222,15 @@
.t-tabs__item--active {
color: #FF6C00 !important;
-
}
-.t-tabs__track {
- background-color: #FF6C00 !important;
+.t-tabs__item {
+ flex: 1 !important;
}
+
.noDataBox {
- /* display: flex;
- justify-content: center;
- align-items: center */
margin: 0 auto;
- margin-top: 250rpx;
}
.bottom-box {
@@ -329,4 +253,282 @@
.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 {
+ 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 {
+ 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;
+ 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