hz/learning-system-mobile
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-mobile.git synced 2025-12-15 05:46:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

列表

Browse Source
This commit is contained in:
zhangsir
2024-06-24 10:55:00 +08:00
parent 8ff5c71e3f
commit aad9b7cb96
3 changed files with 209 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
pages/learnPath/learnPath.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="learn_path">
<view class="path_header">
<view class="text">成长路径图</view>
<view class="text">{{$route.query.name}}</view>
</view>
<view class="path_body">
<view class="body_header">
@@ -44,7 +44,7 @@
</view>
</view>
</view>
<view class="learn_text" :style="{
<view @click="showPopup(index)" class="learn_text" :style="{
left: getPositionText(item.name, index).left + 'rpx',
top: getPositionText(item.name, index).top + 'rpx'
}">
@@ -66,10 +66,10 @@
<view class="pregress">
<view class="text">学习进度</view>
<view class="prp">
<u-line-progress :percentage="currentItem.currentRatio" :showText="false" height="5" activeColor="#ff0000">
<u-line-progress style="width:100%;" :percentage="currentItem.currentRatio" :showText="false" height="5" activeColor="#387DF7 ">
</u-line-progress>
<!-- <view class="text">{{currentItem.progress || 0}}</view> -->
<view class="text">{{currentItem.currentRatio || 0}}%</view>
</view>
</view>
<view class="tea_text">
@@ -429,7 +429,12 @@
}
.prp{
display: flex;
position: relative;
width: 444rpx;
.text{
position: absolute;
right: -78rpx;
top: -14rpx;
font-weight: 400;
font-size: 28rpx;
color: #666666;
@@ -493,15 +498,20 @@
justify-content: center;
margin-bottom: 38rpx;
.text{
max-width: 80%;
margin-top: 26rpx;
height: 60rpx;
font-weight: 600;
font-size: 44rpx;
color: #FFFFFF;
line-height: 60rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
.path_body{
height: 100vh;
background: #FFFFFF;
border-radius: 40rpx 40rpx 0rpx 0rpx;
/* height: 100vh; */
@@ -677,8 +687,8 @@
position: absolute;
bottom: 0;
left: 0;
width: 64rpx;
height: 64rpx;
width: 32px;
height: 32px;
clip: rect(16px 64px 32px 16px);
background: inherit;
transform: rotate(45deg);