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 | 117 ++++++++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 93 insertions(+), 24 deletions(-) diff --git a/pages/retrievalPage/index.wxss b/pages/retrievalPage/index.wxss index d6e7896..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; */ @@ -116,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, @@ -249,7 +256,7 @@ } .outsideRetrievalPageBox { - /* position: relative; */ + position: relative; } .retrievalPageBox { @@ -301,7 +308,7 @@ padding: 16rpx; font-size: 28rpx; width: 310rpx; - height: 218rpx; + /* height: 218rpx; */ } .body-info .name { @@ -346,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; @@ -402,50 +414,44 @@ - +.scroll-x { + height: 70rpx; + border-bottom: 2rpx solid rgb(243, 244, 249); + padding-top: 20rpx; +} .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; - + min-width: 180rpx; + flex: 1 } .lineBox { /* 绾挎潯鏍峰紡 */ - width: 32rpx; + width: 80rpx; height: 8rpx; background: #FF6C00; - margin-top: 10rpx; + margin-top: 25rpx; + margin-right: 10rpx; border-radius: 4rpx; } @@ -457,9 +463,72 @@ } .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; - margin: 0 20rpx; + 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