From cb6bb8bda31df75afe5a5bd50fe8e3ff6a3d34e2 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期一, 15 四月 2024 09:31:39 +0800 Subject: [PATCH] 详情页bug修改,资源购买页添加骨架屏 --- packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss | 60 ++++++++++++++++++++++++++++++++++++++++++------------------ 1 files changed, 42 insertions(+), 18 deletions(-) diff --git a/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss b/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss index 982fb06..d520034 100644 --- a/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss +++ b/packageBookService/pages/bookServices/detail/components/testResource/testResource.wxss @@ -50,10 +50,46 @@ 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 { width: 36rpx; height: 36rpx; +} + +.test-btn { + box-sizing: border-box; + display: flex; + justify-content: center; + align-items: center; + width: 176rpx; + height: 82rpx; +} + +.test-btn:last-child { + margin-left: 20rpx; +} + +.btn-content-text { + height: min-content; +} + +.btn-box { + display: flex; + width: 50%; } .practice-btn { @@ -96,31 +132,18 @@ .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; @@ -148,8 +171,9 @@ } .test-radio { - --td-radio-content-font-size: 28rpx; - --td-radio-vertical-padding: 0 + width: 49%; + display: flex; + justify-content: space-between; } .radio-content { -- Gitblit v1.9.1