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 |  497 +++++++++++++++++++++++++++++++++++++++++--------------
 1 files changed, 371 insertions(+), 126 deletions(-)

diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss
index 1d9cce0..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,32 +81,208 @@
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
-
 }
-
-
 
 .bookDataAuthor {
   font-family: PingFang SC, PingFang SC;
   font-weight: 400;
   font-size: 22rpx;
   color: #333333;
+  word-break: break-all;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+.flex {
+  display: flex;
+}
+
+.jc-sb {
+  justify-content: space-between
 }
 
 
+.listBox1,
+.listBox2 {
+  /* padding: 50rpx 0; */
+}
+
+.listBox1 .listItemBox {
+  height: 220rpx;
+  margin-bottom: 20rpx;
+  padding: 30rpx;
+}
+
+
+
+.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,
+.listBox3 .addCartImg {
+  width: 30rpx;
+  height: 30rpx;
+}
+
+.listBox1 .priceBox {
+  margin-top: 14rpx;
+}
+
+.outside {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: 0 30rpx;
+}
+
+.contentBox {
+  width: 330rpx;
+  margin: 10px 0;
+  background-color: #fff;
+}
+
+.textBox {
+  width: 280rpx;
+  font-size: 25rpx;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  margin: 20rpx;
+}
+
+.bookFairImage {
+  width: 327rpx;
+  height: 128rpx;
+}
+
+.outsideHigherBox {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.higherBox {
+  width: 220rpx;
+  box-shadow: 10rpx 10rpx 10rpx 10rpx rgba(0, 0, 0, 0.08);
+  margin: 30rpx 15rpx;
+}
+
+.outsideHigherImageBox {
+  /* 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: 0rpx;
+  right: 0rpx;
+  padding: 10rpx;
+}
+
+.downloadIcon image {
+  width: 100%;
+  height: 100%;
+}
+
+.higherTextBox {
+  font-weight: bold;
+  font-size: 25rpx;
+  color: #333333;
+  padding: 15rpx;
+  margin-bottom: 10rpx;
+}
+
+.t-tabs__item--active {
+  color: #FF6C00 !important;
+}
+
+.t-tabs__item {
+  flex: 1 !important;
+}
+
+
+.noDataBox {
+  margin: 0 auto;
+}
+
+.bottom-box {
+  display: flex;
+  justify-content: center;
+  color: #999;
+  height: 80rpx;
+  font-size: 28rpx;
+  --td-loading-color: #ff6c00
+}
+
+.loading-box {
+  width: 100%;
+  height: calc(100vh - 500rpx);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  --td-loading-color: #ff6c00;
+}
+
+.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: 50rpx;
-
+  margin-bottom: 30rpx;
 }
 
 .listItemBox .listItem {
@@ -112,7 +292,6 @@
   overflow: hidden;
   box-shadow: 0px 0px 20rpx 2px #f1f1f1;
 }
-
 
 .listBox .specialSubject-img {
   width: 100%;
@@ -126,16 +305,18 @@
 }
 
 .body-info {
-  padding: 20rpx;
+  padding: 16rpx;
   font-size: 28rpx;
+  width: 310rpx;
+  /* height: 218rpx; */
 }
 
 .body-info .name {
-  font-size: 32rpx;
-  height: 88rpx;
+  font-size: 30rpx;
+  height: 80rpx;
   color: #333333;
   font-weight: bold;
-  line-height: 44rpx;
+  line-height: 40rpx;
   display: -webkit-box;
   margin-bottom: 10rpx;
   -webkit-box-orient: vertical;
@@ -153,6 +334,18 @@
   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 {
@@ -160,130 +353,182 @@
   color: #ff6d00;
 }
 
-.flex {
-  display: flex;
-}
-
-.jc-sb {
-  justify-content: space-between
-}
-
-
-.listBox1,
-.listBox2 {
-  padding: 50rpx 0;
-}
-
-.listBox1 .listItemBox {
-  height: 220rpx;
-  margin-bottom: 30rpx;
-}
-
-.listBox1 .specialSubject-img {
-  width: 400rpx;
-  height: 218rpx;
-}
-
-.listBox1 .addCartImg,
-.listBox3 .addCartImg {
-  width: 30rpx;
-  height: 30rpx;
-}
-
-.listBox1 .priceBox {
-  margin-top: 14rpx;
-}
-
-.outside {
-  display: flex;
-  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 {
-  width: 327rpx;
-  height: 128rpx;
-}
-
-.outsideHigherBox {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.higherBox {
-  width: 220rpx;
-  /* height: 390rpx; */
-  box-shadow: 10rpx 10rpx 10rpx 10rpx rgba(0, 0, 0, 0.08);
-  margin: 30rpx 15rpx;
-}
-
-.outsideHigherImageBox {
-
-  position: relative;
-}
-
-.higherImageBox {
-  width: 190rpx;
-  height: 255rpx;
-  margin: 15rpx;
-}
-
-.downloadIcon {
-  width: 34rpx;
-  height: 34rpx;
-
-  border-radius: 5rpx 5rpx 5rpx 5rpx;
-  background: rgba(0, 0, 0, 0.3);
+.dialogBox {
   position: absolute;
-  top: 15rpx;
-  right: 15rpx;
-  padding: 10rpx;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 999999;
 }
 
+.t-button--text {
+  color: #000 !important;
+}
 
-.download {
-  /* background-color: #8bc34a; */
+.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%;
-  height: 100%;
-
 }
 
-.downloadshiftin {
+.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%;
 }
 
-.higherTextBox {
-  font-weight: bold;
-  font-size: 25rpx;
-  color: #333333;
-  padding: 15rpx;
-  margin-bottom: 10rpx;
+.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