mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-08 10:26:43 +08:00
精品课导航样式
This commit is contained in:
@@ -45,15 +45,15 @@
|
||||
<!-- 蒙层引导组件 -->
|
||||
<div v-if="showGuidance" class="guidance-overlay" @click="closeGuidance">
|
||||
<div class="guidance-content">
|
||||
<div class="guidance-title">新功能引导</div>
|
||||
<div class="guidance-title"></div> <!--新功能引导-->
|
||||
<div class="guidance-steps">
|
||||
<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-title">用标签为课程精准定位,吸引更多学员!可从以下维度构思:</div>
|
||||
<div class="step-desc">✨ 讲领域(如:品质管理)</div>
|
||||
<div class="step-desc">✨ 教技能(如:沟通技巧)</div>
|
||||
<div class="step-desc">✨ 涉内容(如:5W1H分析法)</div>
|
||||
<div class="step-desc" style="padding-left: 20px;">✨ 讲领域(如:品质管理)</div>
|
||||
<div class="step-desc" style="padding-left: 20px;">✨ 教技能(如:沟通技巧)</div>
|
||||
<div class="step-desc" style="padding-left: 20px;">✨ 涉内容(如:5W1H分析法)</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="guidance-step" :class="{ active: currentStep === 2 }">
|
||||
@@ -2021,9 +2021,9 @@ export default {
|
||||
}
|
||||
|
||||
.step-number {
|
||||
width: 24px;
|
||||
//width: 24px;
|
||||
height: 24px;
|
||||
background: #409EFF;
|
||||
//background: #409EFF;
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user