hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-10 11:26:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

精品课导航样式

Browse Source
This commit is contained in:
670788339
2025-11-14 10:32:42 +08:00
parent 838e704ab0
commit c801dc8a3d
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Course/courseForm.vue
View File

@@ -45,15 +45,15 @@
<!-- 蒙层引导组件 --> <!-- 蒙层引导组件 -->
<div v-if="showGuidance" class="guidance-overlay" @click="closeGuidance"> <div v-if="showGuidance" class="guidance-overlay" @click="closeGuidance">
<div class="guidance-content"> <div class="guidance-content">
<div class="guidance-title">新功能引导</div> <div class="guidance-title"></div> <!--新功能引导-->
<div class="guidance-steps"> <div class="guidance-steps">
<div class="guidance-step" :class="{ active: currentStep === 1 }"> <div class="guidance-step" :class="{ active: currentStep === 1 }">
<div class="step-number">1</div> <div class="step-number"></div>
<div class="step-content"> <div class="step-content">
<div class="step-title">用标签为课程精准定位，吸引更多学员！可从以下维度构思：</div> <div class="step-title">用标签为课程精准定位，吸引更多学员！可从以下维度构思：</div>
<div class="step-desc">✨ 讲领域（如：品质管理）</div> <div class="step-desc" style="padding-left: 20px;">✨ 讲领域（如：品质管理）</div>
<div class="step-desc">✨ 教技能（如：沟通技巧）</div> <div class="step-desc" style="padding-left: 20px;">✨ 教技能（如：沟通技巧）</div>
<div class="step-desc">✨ 涉内容（如：5W1H分析法）</div> <div class="step-desc" style="padding-left: 20px;">✨ 涉内容（如：5W1H分析法）</div>
</div> </div>
</div> </div>
<!-- <div class="guidance-step" :class="{ active: currentStep === 2 }"> <!-- <div class="guidance-step" :class="{ active: currentStep === 2 }">
@@ -2021,9 +2021,9 @@ export default {
} }
.step-number { .step-number {
width: 24px; //width: 24px;
height: 24px; height: 24px;
background: #409EFF; //background: #409EFF;
color: white; color: white;
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;