From c99f9976a5ef9d8974105feb8fc0580a10adf98c Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期一, 23 十二月 2024 14:58:49 +0800 Subject: [PATCH] 111 --- packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss | 99 ++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 77 insertions(+), 22 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss b/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss index de86a85..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; @@ -37,7 +41,8 @@ display: flex; justify-content: space-evenly; align-items: center; - padding: 0 0 20rpx 15rpx; + /* padding: 0 0 20rpx 15rpx; */ + padding: 5rpx; border-bottom: 1px solid #EFF0F1; } @@ -46,10 +51,48 @@ align-items: center; } +.image-box { + display: flex; + align-items: center; + width: 32rpx; + height: 32rpx; +} + +.image-box image { + height: 32rpx; +} + .top-btn image { 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 { @@ -76,42 +119,34 @@ .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; @@ -139,12 +174,12 @@ } .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; @@ -158,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 { @@ -223,6 +263,7 @@ flex-direction: column; align-items: center; justify-content: center; + padding-bottom: 50rpx; } .not-mock image { @@ -246,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