From 8883cce52fa6beca575fea75b692767cd8957088 Mon Sep 17 00:00:00 2001 From: zhangsir Date: Fri, 28 Jun 2024 16:48:27 +0800 Subject: [PATCH] =?UTF-8?q?=E5=90=88=E5=B9=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/study/Growth.vue | 144 ++++++++++++++++++------------------- 1 file changed, 72 insertions(+), 72 deletions(-) diff --git a/src/views/study/Growth.vue b/src/views/study/Growth.vue index 5c8f0273..a3dafe64 100644 --- a/src/views/study/Growth.vue +++ b/src/views/study/Growth.vue @@ -106,7 +106,7 @@
总进度
- +
{{ Number(((detailData.overallCompletionRate || 0)*100).toFixed(2)) || 0 }}%
@@ -378,65 +378,66 @@ export default { .growth_heads{ display: flex; justify-content: space-between; - margin: 22px 43px 19px 40px; + margin: 10px 43px 29px 40px; position: relative; .growth_left{ display: flex; justify-content: center; line-height: 40px; .left_text{ - width: 108px; + // width: 108px; height: 25px; font-weight: 600; - font-size: 18px; + font-size: 14px; color: #333333; text-align: left; } .growth_i{ cursor: pointer; - width: 20px; - height: 20px; - margin-left: 7px; + width: 16px; + height: 16px; + margin-left: 6px; border: 1px solid #999999; border-radius: 100%; - margin-top: 10px; + margin-top: 13px; .growth_mark{ color: #999999; - line-height: 20px; - margin-left: 5px; + line-height: 15px; + margin-left: 4px; } } } .growth_right{ - width: 198px; - height: 40px; - line-height: 40px; + width: 158px; + height: 32px; + line-height: 32px; background: #387DF7; - box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34); - border-radius: 20px; + box-shadow: 1px 2 12px 1px rgba(56,125,247,0.34); + border-radius: 16px; display: flex; justify-content: center; .right_text{ - width: 112px; + // width: 112px; height: 22px; font-weight: 400; - font-size: 16px; + font-size: 13px; color: #FFFFFF; text-align: left; } .growth_img{ cursor: pointer; - width: 20px; - height: 20px; - margin-left: 13px; + width: 16px; + height: 16px; + margin-left: 10px; .img{ + width: 100%; vertical-align: middle; } } } } .growth_body{ - max-width: 1340px; + // max-width: 1340px; height: 574px; background: #FFFFFF; border-radius: 10px; @@ -464,32 +465,32 @@ export default { } } .body_head{ - max-width: 1340px; - height: 88px; + // max-width: 1066px; + height: 70px; background: linear-gradient( 180deg, #DEEBFF 0%, #FFFFFF 100%); border-radius: 10px 10px 0px 0px; border: 1px solid #E4EDFE; display: flex; justify-content: space-between; - margin-bottom: 25px; + margin-bottom: 23px; .head_left{ // width: 272px; - height: 28px; + // height: 28px; font-weight: 600; - font-size: 20px; + font-size: 16px; color: #387DF7; - line-height: 28px; + // line-height: 28px; text-align: left; - margin: 29px 0 0 33px; + margin: 23px 0 0 26px; } .head_right{ // width: 326px; height: 22px; font-weight: 400; - font-size: 16px; + font-size: 13px; color: #666660; line-height: 22px; - margin: 32px 45px 0 0; + margin: 25px 36px 0 0; display: flex; justify-content: space-between; line-height: 22px; @@ -510,11 +511,11 @@ export default { } } .body_explain{ - margin-bottom: 25px; + margin-bottom: 20px; .body_explain_icon{ display: flex; - margin-left: 35px; - margin-bottom: 23px; + margin-left: 28px; + margin-bottom: 20px; .body_explain_img{ width: 16px; height: 16px; @@ -524,29 +525,28 @@ export default { width: 32px; height: 22px; font-weight: 600; - font-size: 16px; + font-size: 13px; color: #333333; line-height: 22px; text-align: left; - margin-left: 10px; + margin-left: 8px; } } .body_explain_item{ - margin-left: 35px; - margin-right: 45px; - max-width: 1260px; - max-height: 100px; + margin-left: 28px; + margin-right: 36px; + // max-width: 1003px; + max-height: 80px; background: #F5F6F7; - border-radius: 10px; - padding: 22px 25px 22px 16px; + border-radius: 8px; + padding: 18px 20px 18px 13px; .body_explain_text{ - max-width: 1219px; - max-height: 56px; + // max-width: 970px; + max-height: 45px; font-weight: 400; - font-size: 14px; + font-size: 11px; color: #333333; - line-height: 28px; - text-align: left; + line-height: 22px; display: -webkit-box; word-wrap: break-word; word-break:break-all; @@ -560,42 +560,42 @@ export default { .body_schedule{ .body_schedule_icon{ display: flex; - margin-bottom: 33px; + margin-bottom: 27px; .body_schedule_img{ width: 16px; height: 16px; - margin-left: 35px; - margin-top: 4px; + margin-left: 28px; + margin-top: 3px; } .body_schedule_text{ width: 64px; height: 22px; font-weight: 600; - font-size: 16px; + font-size: 13px; color: #333333; line-height: 22px; text-align: left; - margin-left: 10px; + margin-left: 8px; } } .body_schedule_item{ margin-left: 58px; .body_schedule_one{ display: flex; - margin-bottom: 52px; + margin-bottom: 41px; .body_schedule_left{ - min-width: 65px; + min-width: 52px; font-weight: 500; - font-size: 16px; + font-size: 13px; color: #3B3C4A; line-height: 22px; text-align: left; } .body_schedule_right{ - margin-left: 16px; + margin-left: 13px; min-width: 65px; font-weight: 500; - font-size: 16px; + font-size: 13px; color: #2E72F2; line-height: 22px; text-align: left; @@ -604,13 +604,13 @@ export default { .body_schedule_two{ display: flex; .body_schedule_pro{ - width: 314px; - height: 37px; + width: 250px; + height: 30px; .pro_text{ width: 42px; height: 22px; font-weight: 400; - font-size: 14px; + font-size: 11px; color: #666660; line-height: 22px; text-align: left; @@ -618,29 +618,29 @@ export default { } .text{ font-weight: 400; - font-size: 12px; + font-size: 10px; color: #333333; - margin-left: 19px; + margin-left: 15px; } } .body_schedule_btn{ - width: 140px; + width: 112px; cursor: pointer; - height: 40px; - margin-left: 44px; - margin-top: 7px; + height: 32px; + margin-left: 35px; + margin-top: 6px; background: #409EFF; - box-shadow: 1px 2px 15px 1px rgba(56,125,247,0.34); - border-radius: 4px; + box-shadow: 1px 2 12px 1px rgba(56,125,247,0.34); + border-radius: 3px; text-align: center; - line-height: 40px; + line-height: 30px; .body_schedule_text{ - width: 64px; - height: 22px; + width: 52px; + height: 18px; font-weight: 400; - font-size: 16px; + font-size: 13px; color: #FFFFFF; - line-height: 22px; + line-height: 18px; text-align: left; } }