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

点击显示弹窗

Browse Source
This commit is contained in:
NiSen
2024-01-25 15:32:03 +08:00
parent 2c29bb5b03
commit a74a3dc225
1 changed files with 55 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/study/Growth.vue
View File

@@ -21,7 +21,35 @@
</div>
<div class="detailContent">
<div :class="dataList.length <= 7 ? 'detailbgc' : 'detailAllbgc'">
<div v-for="item, index in dataList" :key="index" class="address" :style="{
<div v-for="item, index in dataList" :key="index">
<el-popover popper-class="pathdetails" placement="right-start" width="360" trigger="click"
:visible-arrow="false">
<div style="font-size: 14px;padding: 20px 20px 10px; ">
<div style="font-size: 16px;font-weight: 600">BOE端到端的流程体系</div>
<div style="margin: 20px 0;">
<el-tag>必修</el-tag>
<el-tag type="success">在线</el-tag>
</div>
<div>
<span style="color: #387DF7;">学习进度</span>
<el-progress :percentage="50"></el-progress>
</div>
<div style="margin: 20px 0;">课程讲师：启用家</div>
<div>课程简介：无</div>
<el-button style="width: 100%;margin-top: 20px;" type="primary">
<div style="display: flex;justify-content: space-between;align-items: center;">
<div></div>
<span>去学习</span>
<svg t="1706166377362" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="10521" width="24"
height="24">
<path
d="M512 102.4a422.912 422.912 0 1 0 422.570667 423.936A422.570667 422.570667 0 0 0 512 102.4z m117.418667 446.805333L462.506667 716.8a34.133333 34.133333 0 0 1-48.469334-48.128l143.018667-143.018667-143.018667-143.018666a34.133333 34.133333 0 0 1 0-48.128 34.133333 34.133333 0 0 1 48.469334 0l166.912 166.912a34.133333 34.133333 0 0 1 0 49.152z"
fill="#b4caf7" p-id="10522"></path>
</svg>
</div>
</el-button>
</div>
<div slot="reference" class="address" :style="{
backgroundColor: getColor(item.status, 0),
left: getPosition(item.name, index).left + 'px',
top: getPosition(item.name, index).top + 'px'
@@ -41,6 +69,9 @@
</div>
<div class="iconTitle">{{ item.title }}</div>
</div>
</el-popover>
</div>
</div>
</div>
<div class="footerBtn">
@@ -579,6 +610,7 @@ export default {
}
}
.iconTitle {
position: absolute;
top: 50%;