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

细节

Browse Source
This commit is contained in:
zhangsir
2024-06-22 20:36:49 +08:00
parent 811f40ba54
commit 8ff5c71e3f
2 changed files with 56 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
pages/learnPath/allPath.vue
View File

@@ -21,8 +21,12 @@
<text class="text">当前路径</text> <text class="text">当前路径</text>
</view> </view>
</view> </view>
<view class="tabel"> <view class="table">
<view class="table-row" v-for="(row, rowIndex) in tableData" :key="rowIndex">
<view class="table-cell" v-for="(cell, cellIndex) in row" :key="cellIndex">
{{ cell }}
</view>
</view>
</view> </view>
</view> </view>
</template> </template>
@@ -31,7 +35,11 @@
export default { export default {
data() { data() {
return { return {
tableData: [
['Header 1', 'Header 2', 'Header 3'],
['Row 1, Cell 1', 'Row 1, Cell 2', 'Row 1, Cell 3'],
['Row 2, Cell 1', 'Row 2, Cell 2', 'Row 2, Cell 3']
]
} }
}, },
onLoad() { onLoad() {
@@ -50,8 +58,26 @@
<style> <style>
.all_path{ .all_path{
padding: 0 30rpx; padding: 0 30rpx;
padding-top: 38rpx;
background: #fff;
height: 100vh;
.table {
display: table;
width: 100%;
}
.table-row {
display: table-row;
}
.table-cell {
display: table-cell;
border: 1px solid #ddd;
padding: 10px;
text-align: center;
vertical-align: middle;
}
.headers{ .headers{
margin-top: 38rpx; /* margin-top: 38rpx; */
position: relative; position: relative;
display: flex; display: flex;
justify-content: center; justify-content: center;

31
pages/study/index.vue
View File

@@ -147,7 +147,7 @@
<view class="name">{{detailData.growName || ''}}</view> <view class="name">{{detailData.growName || ''}}</view>
<view class="job"> <view class="job">
<view class="text_name">{{detailData.organizationName || ''}}</view> <view class="text_name">{{detailData.organizationName || ''}}</view>
<text> 学习状态：<text :style="{color: ['#FF8336','#31AF0D','#409EFF '][detailData.studyStatus]}">{{detailData.studyStatus==0?'未开始':detailData.studyStatus==1?'已完成':'进行中'}}</text></text> <text> 学习状态：<text :style="{color: ['#FF8336','#31AF0D','#FFFFFF '][detailData.studyStatus]}">{{detailData.studyStatus==0?'未开始':detailData.studyStatus==1?'已完成':'进行中'}}</text></text>
</view> </view>
<!-- <view class="plan_item"> <!-- <view class="plan_item">
<image class="image" src="../../static/images/learnpath/file.png" mode=""></image> <image class="image" src="../../static/images/learnpath/file.png" mode=""></image>
@@ -192,17 +192,21 @@
<view>当前任务：</view> <view>当前任务：</view>
</view> </view>
<view class="right"> <view class="right">
<view style="margin-bottom: 24rpx;">{{detailData.taskNum}}门</view> <view class="text" style="margin-bottom: 24rpx;">{{detailData.taskNum}}门</view>
<view>{{detailData.currentTaskName}}</view> <view class="text">{{detailData.currentTaskName}}</view>
</view> </view>
</view> </view>
<view class="plan_right"> <view class="plan_right">
<view>总进度</view>
<view>{{Number(((detailData.overallCompletionRate || 0)*100).toFixed(2))}}%</view>
<view class="line">
<u-line-progress :percentage="Number(((detailData.overallCompletionRate || 0)*100).toFixed(2))" activeColor="#ff0000"></u-line-progress>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="go_learn" @click="goLearn(detailData)"> <view class="go_learn" @click="goLearn(detailData)">
{{detailData.overallCompletionRate==0?'开始学习':detailData.overallCompletionRate==100?'回顾':'继续学习'}} {{detailData.overallCompletionRate==0?'开始学习':detailData.overallCompletionRate==1?'回顾':'继续学习'}}
</view> </view>
</view> </view>
</view> </view>
@@ -1219,6 +1223,23 @@
font-size: 30rpx; font-size: 30rpx;
color: #3B3C4A; color: #3B3C4A;
line-height: 42rpx; line-height: 42rpx;
.text{
width: 122rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
.plan_right{
// display: flex;
// justify-content: center;
// align-items: center;
margin-top: 31px;
.line{
width: 184rpx;
height: 1rpx;
} }
} }
} }