From aff8d054df4a638f399dc8f15d98c19b9c9aa785 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期二, 29 四月 2025 10:11:25 +0800 Subject: [PATCH] 扫码视频播放 --- packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss | 131 ++++++++++++++++++++++++++++++++----------- 1 files changed, 97 insertions(+), 34 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss b/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss index ed954c7..f849208 100644 --- a/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss +++ b/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss @@ -3,6 +3,10 @@ padding-top: 20rpx; } +.primary-color { + color: #ff6c00; +} + .resource-list { height: 80rpx; margin: 20rpx; @@ -11,6 +15,11 @@ justify-content: space-between; align-items: center; background-color: #FFF6F0; +} + +.list-title { + display: flex; + align-items: center; } .list-title image { @@ -31,14 +40,59 @@ .top-btn { display: flex; justify-content: space-evenly; - padding: 0 0 20rpx 15rpx; + align-items: center; + /* padding: 0 0 20rpx 15rpx; */ + padding: 5rpx; border-bottom: 1px solid #EFF0F1; } +.btn-content { + display: flex; + align-items: center; +} + +.image-box { + display: flex; + align-items: center; + width: 32rpx; + height: 32rpx; +} + +.image-box image { + height: 32rpx; +} + .top-btn image { - margin-top: 20rpx; + margin-right: 4rpx; +} + +.btn-box image, +.buy-question-btn image { width: 36rpx; height: 36rpx; +} + +.test-btn { + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + width: 176rpx; + height: 80rpx; +} + +.test-btn:last-child { + margin-left: 20rpx; +} + +.btn-content-text { + height: min-content; +} + +.btn-box { + display: flex; + justify-content: space-between; + width: 50%; } .practice-btn { @@ -59,44 +113,40 @@ font-size: 28rpx; } +.error-btn { + margin-left: 10rpx; +} + .paper-btn, .error-btn, -.collect-btn { +.collect-btn, +.buy-mock-btn { --td-button-default-bg-color: #fff; --td-button-default-color: #0F1214; --td-button-default-active-bg-color: #fff0e6; --td-button-medium-font-size: 28rpx } +.buy-mock-btn { + --td-button-default-color: #ff6c00; +} + .card { position: relative; - margin: 32rpx; border-radius: 12rpx; overflow: hidden; box-sizing: border-box; border: 3rpx solid #ff6c00; - --td-radio-content-color: #0F1214; + color: #ff6c00; } .card--active { - border-color: #ff6c00; - --td-radio-bg-color: #ff6c00; - --td-radio-content-color: #fff; + background-color: #ff6c00; + color: #fff; } -/* .card--active::after { - content: ''; - display: block; - position: absolute; - left: 0; - top: 0; - width: 0; - border: 14px solid #0052d9; - border-bottom-color: transparent; - border-right-color: transparent; -} */ .card__icon { color: #fff; @@ -108,7 +158,7 @@ /* 妯悜甯冨眬 */ .horizontal-box { - width: 350rpx; + width: 338rpx; display: flex; align-items: center; margin: 32rpx; @@ -124,21 +174,17 @@ } .test-radio { - --td-radio-content-font-size: 28rpx; - --td-radio-vertical-padding: 0 + width: 49%; + display: flex; + justify-content: space-between; } .radio-content { - padding: 0 8rpx; display: flex; align-items: center; justify-content: center; width: 100%; height: 68rpx; -} - -.radio-content image { - margin: 0 10rpx 10rpx 0; } .mock-data { @@ -147,11 +193,16 @@ .mack-num { width: 100%; - height: 100rpx; + height: 106rpx; display: flex; align-items: center; + justify-content: space-between; color: #333; font-size: 28rpx; +} + +.mack-num button { + margin: 0; } .mock-list-box { @@ -178,11 +229,6 @@ align-items: center; } -.mack-state { - width: 94rpx; - height: 42rpx; -} - .mock-score { font-size: 28rpx; color: #ff6c00; @@ -194,10 +240,12 @@ } .state-pad { - width: 80rpx; + white-space: nowrap; + width: 90rpx; border-radius: 10rpx; display: inline-block; padding: 10rpx; + text-align: center; } .complete { @@ -215,6 +263,7 @@ flex-direction: column; align-items: center; justify-content: center; + padding-bottom: 50rpx; } .not-mock image { @@ -238,4 +287,18 @@ .mock-price { color: #ff6c00; font-size: 36rpx; +} + +.t-radio__description { + width: 102%; +} + +.buy-question-btn { + padding-right: 5rpx; + display: flex; + justify-content: flex-end; +} + +.buy-question-btn image { + margin-right: 4rpx; } \ No newline at end of file -- Gitblit v1.9.1