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

Merge branch 'zcwy-learn' into dev0731

Browse Source 
# Conflicts:
#	pages.json
This commit is contained in:
zhangsir
2024-06-18 18:51:28 +08:00
parent b46c751c79 458acdd4d1
commit fa59db14dc
19 changed files with 995 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
api/modules/growth.js Normal file
View File

@@ -0,0 +1,4 @@
import ajax from '@/api/manage/manageAjax.js';
export const getList = (params) => ajax.get(`/manageApi/stu/grow/getStuLearnInfo?userId=${params}`);
//获取路径图详情
export const taskList = (id) => ajax.get(`/manageApi/stu/grow/taskList?growId=${id}`);

12
pages.json
View File

@@ -79,7 +79,17 @@
{"path" : "pages/study/audioTest","style" : {"navigationBarTitleText": "音频测试"}},
{"path" : "pages/study/videoTest","style" : {"navigationBarTitleText": "视频频测试"}},
{"path" : "pages/lecturer/certification/list","style" : {"navigationBarTitleText": "讲师信息"}},
{"path" : "pages/lecturer/certification/info","style" : {"navigationBarTitleText": "讲师信息"}}
{"path" : "pages/lecturer/certification/info","style" : {"navigationBarTitleText": "讲师信息"}},
{
"path" : "pages/learnPath/learnPath",
"style" :
{
"navigationBarTitleText": "成长路径图",
"enablePullDownRefresh": false
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",

476
pages/learnPath/learnPath.vue Normal file
View File

@@ -0,0 +1,476 @@
<template>
<view class="learn_path">
<view class="path_header">
<view class="text">成长路径图</view>
</view>
<view class="path_body">
<view class="body_header">
<view class="left">全岗位路径</view>
<view class="right">
<u-switch size="14" v-model="openDown" @change="change"></u-switch>
<text class="text">高亮显示未完成</text>
</view>
</view>
<view class="body_check">
<view class="left_check">
<view class="left"></view>
<view class="text">必修</view>
</view>
<view class="right_check">
<view class="right"></view>
<view class="text">选修</view>
</view>
</view>
<view class="end_learn">您的学习之旅已结束</view>
<view class="learn">
<view v-for="(item,index) in dataList" :key="index">
<view @click="showPopup(index)" class="learn_item" :style="{
backgroundColor: getColor(item.flag, 0),
left: getPosition(item.name, index).left + 'rpx',
top: getPosition(item.name, index).top + 'rpx'
}">
<view class="icon">
<view class="icon-content" :style="{ background: getColor(item.flag, 1) }">
{{item.currentRatio || 0}}%
</view>
</view>
</view>
<view class="learn_text" :style="{
left: getPositionText(item.name, index).left + 'rpx',
top: getPositionText(item.name, index).top + 'rpx'
}">
{{item.title}}
</view>
</view>
</view>
</view>
<u-popup mode="center" v-if="currentItem !== null" :show="currentItem.show" @close="closePopup">
<view class="popup_item">
<view class="item_name">{{ currentItem.title }}</view>
<view class="tabs">
<view :class="currentItem.flag == 0 ?'flag':'flag2'">
{{currentItem.flag == 0 ? '选修' : '必修'}}
</view>
<view class="type">{{currentItem.type==5?'考试':currentItem.type==1?'在线':''}}</view>
</view>
<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>
<!-- <view class="text">{{currentItem.progress || 0}}</view> -->
</view>
</view>
<view class="tea_text">
<view>课程讲师: {{currentItem.teacherName}}</view>
<view>课程简介: {{currentItem.introduce}}</view>
</view>
<view class="btn" @click="goStudy(currentItem)">
<view class="text">学习中</view>
<image class="go" src="@/static/images/go.png" mode=""></image>
</view>
</view>
</u-popup>
</view>
</template>
<script>
import { taskList } from "@/api/modules/growth.js"
export default {
onLoad(options) {
this.growId = options.growId
this.titleName = options.name
},
data() {
return {
growId: '',
titleName: '',
openDown: false,
show: false,
colorAttrValue: {
0: ['#FFD04B', "#FBA944"],
1: ["#b8e3b8", "#8ac84a"],
2: ['#FFD04B', '#FBA944']
},
iconAttrs: {
'路径图背景1':{
positions: [
{left: 524,top: 782},
{left: 138,top: 644},
{left: -2,top: 506},
{left: -8,top: 370},
{left: 54,top: 232},
{left: 162,top: 84},
{left: 344,top: -28},
]
},
},
iconAttrsText: {
'路径图背景1':{
positions: [
{left: 112,top: 790},
{left: 226,top: 652},
{left: 86,top: 514},
{left: 80,top: 378},
{left: 142,top: 240},
{left: 250,top: 92},
{left: -22,top: -20},
]
},
'路径图背景全':{
positions: [
{left: 112,top: 790},
{left: 226,top: 652},
{left: 86,top: 514},
{left: 80,top: 378},
{left: 142,top: 240},
{left: 250,top: 92},
{left: -22,top: -20},
]
},
},
dataList: [],
currentItem: null,
}
},
mounted() {
taskList(this.growId).then(res=>{
console.log(res,'res')
if(res.code == 200 ){
if(res.data.length <= 7){
this.dataList = res.data.map(item=>({
title:item.name,
...item,
name: '路径图背景1',
}))
}else{
this.dataList = res.data.map(item=>({
title:item.name,
...item,
name: '路径图背景全',
}))
}
}
})
},
methods: {
goStudy(item){
console.log(item,'item')
if(item.type == 1){
console.log(item,'在线')
this.$router.push("/course/studyindex?id=" + item.targetId);
}else if (item.type == 5) {
console.log(item,'考试')
this.$router.push("exam/test?id=" + item.targetId);
}else{
console.log(item,'其他')
}
},
showPopup(index) {
// 设置当前选中的数组元素
this.currentItem = this.dataList[index];
// 显示选中元素对应的弹出层
this.currentItem.show = true;
},
closePopup() {
// 关闭当前弹出层时重置状态
if (this.currentItem !== null) {
this.currentItem.show = false;
this.currentItem = null;
}
},
getColor(status, index) {
return this.colorAttrValue[status][index]
},
getPosition(name, index) {
return this.iconAttrs[name].positions[index]
},
getPositionText(name, index) {
return this.iconAttrsText[name].positions[index]
},
}
}
</script>
<style scoped>
.learn_path{
background: #387DF7;
.popup_item{
width: 90vw;
.item_name{
font-weight: 600;
font-size: 32rpx;
color: #333333;
line-height: 44rpx;
text-align: left;
font-style: normal;
margin: 50rpx 0 38rpx 76rpx;
}
.tabs{
display: flex;
.flag{
width: 156rpx;
height: 60rpx;
background: #FFF2E8;
border-radius: 8rpx;
border: 2rpx solid #FE9C4A;
margin: 0 24rpx 40rpx 78rpx;
text-align: center;
line-height: 60rpx;
color: #FE9C4A;
}
.flag2{
width: 156rpx;
height: 60rpx;
background: #F7FFF5;
border-radius: 8rpx;
border: 2rpx solid #31AF0D;
margin: 0 24rpx 40rpx 78rpx;
text-align: center;
line-height: 60rpx;
color: #31AF0D;
}
.type{
width: 156rpx;
height: 60rpx;
background: #E6EFFF;
border-radius: 8rpx;
border: 2rpx solid #387DF7;
text-align: center;
line-height: 60rpx;
color: #387DF7;
}
}
.pregress{
margin: 0 0 24rpx 78rpx;
width: 70%;
.text{
font-weight: 400;
font-size: 28rpx;
color: #387DF7;
line-height: 40rpx;
text-align: left;
font-style: normal;
margin-bottom: 12rpx;
}
.prp{
display: flex;
.text{
font-weight: 400;
font-size: 28rpx;
color: #666666;
line-height: 40rpx;
text-align: left;
font-style: normal;
margin-left: 24rpx;
}
}
}
.tea_text{
margin: 0 0 26rpx 80rpx;
font-weight: 400;
font-size: 28rpx;
color: #333333;
line-height: 60rpx;
text-align: left;
font-style: normal;
}
.btn{
width: 85%;
height: 80rpx;
background: #387DF7;
border-radius: 12rpx;
margin: 0 0 44rpx 50rpx;
display: flex;
justify-content: center;
align-items: center;
position: relative;
.text{
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 28rpx;
color: #FFFFFF;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
.go{
position: absolute;
top: 20rpx;
right: 20rpx;
width: 40rpx;
height: 40rpx;
}
}
}
.path_header{
display: flex;
justify-content: center;
margin-bottom: 38rpx;
.text{
margin-top: 26rpx;
height: 60rpx;
font-weight: 600;
font-size: 44rpx;
color: #FFFFFF;
line-height: 60rpx;
}
}
.path_body{
background: #FFFFFF;
border-radius: 40rpx 40rpx 0rpx 0rpx;
height: 100vh;
.body_header{
display: flex;
justify-content: space-between;
align-items: center;
.left{
width: 204rpx;
height: 52rpx;
line-height: 52rpx;
text-align: center;
background: #387DF7;
border-radius: 26rpx;
font-weight: 500;
font-size: 28rpx;
color: #FFFFFF;
margin-left: 30rpx;
margin-top: 26rpx;
}
.right{
display: flex;
align-items: center;
margin-top: 32rpx;
margin-right: 34rpx;
.text{
height: 40rpx;
font-weight: 500;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
margin-left: 10rpx;
}
}
}
.body_check{
display: flex;
justify-content: center;
margin-top: 34rpx;
.left_check{
display: flex;
align-items: center;
.left{
width: 32rpx;
height: 32rpx;
background: #34CA2B;
border-radius: 4rpx;
}
.text{
height: 40rpx;
font-weight: 400;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
margin-left: 18rpx;
}
}
.right_check{
display: flex;
align-items: center;
margin-left: 102rpx;
.right{
width: 32rpx;
height: 32rpx;
background: #FE9C4A;
border-radius: 4rpx;
}
.text{
height: 40rpx;
font-weight: 400;
font-size: 28rpx;
color: #333333;
line-height: 40rpx;
margin-left: 18rpx;
}
}
}
}
.end_learn{
text-align: right;
margin-top: 30rpx;
margin-right: 24rpx;
height: 40rpx;
font-weight: 400;
font-size: 28rpx;
color: #387DF7;
line-height: 40rpx;
margin-bottom: 30rpx;
}
.learn{
width: 616rpx;
height: 952rpx;
background: url("../../static/images/learnpath/7learn.png") no-repeat;
background-size: 100%;
margin-left: 88rpx;
position: relative;
.learn_item{
width: 64rpx;
height: 64rpx;
position: absolute;
border-radius: 50%;
&:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 64rpx;
height: 64rpx;
clip: rect(16px 64px 32px 16px);
background: inherit;
transform: rotate(45deg);
}
.icon {
position: absolute;
top: 50%;
left: 50%;
width: 50rpx;
height: 50rpx;
background-color: #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
.icon-content {
position: absolute;
top: 50%;
left: 50%;
font-size: 10px;
color: #fff;
text-align: center;
transform: translate(-50%, -50%);
width: 44rpx;
height: 44rpx;
line-height: 44rpx;
background-color: #8bc94b;
border-radius: 50%;
}
}
}
.learn_text{
max-width: 400rpx;
height: 56rpx;
font-size: 24rpx;
line-height: 56rpx;
text-align: center;
background: linear-gradient( 301deg, #0071FF 0%, #8FC1FF 99%, #3D73ED 100%);
border-radius: 160rpx 160rpx 160rpx 16rpx;
position: absolute;
padding: 0 12rpx 0 20rpx;
font-weight: 400;
color: #FFFFFF;
}
}
}
</style>

470
pages/study/index.vue
View File

@@ -14,13 +14,16 @@
</view>
</view>
<view class="tabbar" style="position: relative;padding-bottom: 20upx;">
<view class="tabbar-item" style="text-align: right;margin-right: 26upx;" @click="clicktab(0)" :class="{'active':tabIndex===0}">
<view class="tabbar-item" style="text-align: right;margin-right: 26upx;margin-left: 42upx;" @click="clicktab(0)" :class="{'active':tabIndex===0}">
<u-badge :type="type" max="99" :value="value" class="tabber-co"></u-badge>学习任务
<view class="border-bottom-one"></view>
</view>
<view class="tabbar-item" style="text-align: left;margin-left: 26upx;" @click="clicktab(1)" :class="{'active':tabIndex===1}">
我报名的<view class="border-bottom-two"></view>
</view>
<view class="tabbar-item" style="text-align: left;margin-left: 52upx;" @click="clicktab(2)" :class="{'active':tabIndex===2}">
成长路径<view class="border-bottom-two"></view>
</view>
</view>
<!-- 筛选状态 -->
<view class="addition" v-show="tabIndex===0">
@@ -123,6 +126,94 @@
<uni-load-more :status="studyLoadStatus"></uni-load-more>
</view>
</view>
<view class="learn" v-show="tabIndex===2" v-if="Object.keys(detailData).length">
<view class="learn_header">
<view class="learn_left">
<text class="text">我的成长路径</text>
<image @click="contentOn" src="../../static/images/learnpath/why.png" class="image"></image>
<view class="up_content" v-show="upContent">
<view class="text">根据您的归属组织、您所在岗位、职级，已为您自动匹配“{{detailData.growName || ''}}”，抓紧时间学习吧～</view>
<image @click="contentOut" class="down" src="../../static/images/learnpath/down.png" mode=""></image>
</view>
</view>
<view class="learn_right">
<text class="text">什么是成长路径</text>
<image @click="onLearnModal" class="image" src="../../static/images/learnpath/whyWhite.png" mode=""></image>
</view>
</view>
<view class="line"></view>
<view class="learn_body">
<view class="body_job">
<view class="name">{{detailData.growName || ''}}</view>
<view class="job">
<text>{{detailData.organizationName || ''}}</text>
<text> 学习状态：<text :style="{color: ['#FF8336','#31AF0D','#409EFF '][detailData.studyStatus]}">{{detailData.studyStatus==0?'未开始':detailData.studyStatus==1?'已完成':'进行中'}}</text></text>
</view>
<view class="plan_item">
<image class="image" src="../../static/images/learnpath/file.png" mode=""></image>
<text class="text" @click="planDown = true">共享文档</text>
<view class="plan_down" v-show="planDown">
<image @click="planDown = false" class="down" src="../../static/images/learnpath/down.png" mode=""></image>
<view class="header">
共享文档
</view>
<view class="body">
<view class="left">
<image class="img" src="" mode=""></image>
<text class="text">人工智能启蒙讲解讲义.pptx</text>
</view>
<view class="right">
下载
</view>
</view>
</view>
</view>
</view>
<view class="body_item" v-if="detailData.remark">
<view class="body_top">
<image class="img" src="../../static/images/learnpath/explain.png" mode=""></image>
<text class="text">说明</text>
</view>
<view class="body_down">
<view class="text_ele">
{{detailData.remark || ''}}
</view>
</view>
</view>
<view class="body_item">
<view class="body_top">
<image class="img" src="../../static/images/learnpath/plan.png" mode=""></image>
<text class="text">学习进度</text>
</view>
<view class="body_plan">
<view class="plan_left">
<view class="left">
<view style="margin-bottom: 24rpx;">总任务：</view>
<view>当前任务：</view>
</view>
<view class="right">
<view style="margin-bottom: 24rpx;">{{detailData.taskNum}}门</view>
<view>{{detailData.currentTaskName}}</view>
</view>
</view>
<view class="plan_right">
</view>
</view>
</view>
<view class="go_learn" @click="goLearn(detailData)">
{{detailData.overallCompletionRate==0?'开始学习':detailData.overallCompletionRate==100?'回顾':'继续学习'}}
</view>
</view>
</view>
<view class="learn" v-show="tabIndex===2" v-else>
<u-empty
mode="data"
icon="http://cdn.uviewui.com/uview/empty/data.png"
style="height: 75vh;"
>
</u-empty>
</view>
<u-modal :show="studyResetShow" :showCancelButton="true" @cancel="cancelResetStudy" @confirm="resetStudy" ref="uModal" :asyncClose="true">
您确定要重新学习吗？
</u-modal>
@@ -172,6 +263,24 @@
</view>
</view>
</u-overlay> -->
<u-modal :show="learnModal" :showConfirmButton="false" width="200px">
<view class="item_modal">
<view class="item_title">
成长路径说明
</view>
<view class="item_text">
本功能针对学员所在组织、岗位、职级自动匹配成长路径，完成本路径方可晋升
</view>
<view class="item_btn" @click="outLearnModal">
我已阅读
</view>
<view class="item_check">
<u-checkbox-group>
<u-checkbox v-model="checked" :checked="isChecked" shape="square" label="下次进入不在弹窗" @change="checkedBox"></u-checkbox>
</u-checkbox-group>
</view>
</view>
</u-modal>
</view>
</template>
<script>
@@ -182,12 +291,19 @@
import { formatDate } from '@/utils/tools.js';
import apiUser from '@/api/system/user.js'
import { mapGetters } from 'vuex'
import { getList } from "@/api/modules/growth.js"
export default {
computed: {
...mapGetters(['userInfo', 'isOneStady'])
},
data() {
return {
detailData: {},
planDown: false,
upContent: false,
checked: false,
isChecked: false,
learnModal: false,
Applistatus:'',
autonomyStatusShow: false,
delData: {},
@@ -316,6 +432,29 @@
}, 500);
},
methods: {
goLearn() {
uni.navigateTo({
url: '/pages/learnPath/learnPath?growId='+this.detailData.growId+'&name='+this.detailData.growName
});
},
contentOn() {
this.upContent = true
},
contentOut() {
this.upContent = false
},
onLearnModal() {
this.learnModal = true
this.isChecked = localStorage.getItem("checkedTrue") === "false"
},
checkedBox(value){
this.checked = value
},
outLearnModal() {
this.learnModal = false
localStorage.setItem("checkedTrue",!this.checked)
},
reSetList() {
this.studyList.forEach(item=>{
item.delcour = false;
@@ -608,6 +747,18 @@
if (this.tabIndex == 1 && this.studyList.length == 0) {
this.getLearning()
} else if (this.tabIndex == 2) {
if(localStorage.getItem("checkedTrue")!=null){
this.learnModal = localStorage.getItem("checkedTrue") === "true"
this.isChecked = localStorage.getItem("checkedTrue") === "false"
getList(this.userInfo.aid).then(res=>{
console.log(res,'res')
if(res.code == 200 ){
this.detailData = res.data
}
})
}else{
this.learnModal = true
}
//this.history()
} else if (this.tabIndex == 0 && this.couresList.length == 0) {
this.loadBoeData()
@@ -754,6 +905,321 @@
font-weight: 600;
color: #333333;
padding: 33px 25px 33px 25px;
background: linear-gradient( 180deg, #E8ECFF 0%, #FFFFFF 100%);
}
.item_modal{
.item_title{
margin: 0 auto;
margin-top: -22rpx;
height: 50rpx;
font-weight: 500;
font-size: 36rpx;
color: #333333;
line-height: 50rpx;
margin-bottom: 38rpx;
}
.item_text{
height: 96rpx;
font-weight: 400;
font-size: 26rpx;
color: #333333;
line-height: 48rpx;
margin-bottom: 40rpx;
}
.item_btn{
width: 220rpx;
height: 68rpx;
background: linear-gradient( 90deg, #5390FD 0%, #3162FA 100%);
border-radius: 8rpx;
margin: 0 auto;
text-align: center;
line-height: 68rpx;
font-weight: 400;
font-size: 28rpx;
color: #FFFFFF;
margin-bottom: 56rpx;
}
.item_check{
font-weight: 400;
font-size: 28rpx;
color: #666666;
line-height: 28rpx;
margin-bottom: -14rpx;
}
}
.learn{
.line{
width: 100%;
height: 20rpx;
background: #F9F9F9;
}
.learn_header{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20rpx;
margin-bottom: 30rpx;
.learn_left{
position: relative;
margin-left: 36rpx;
.text{
width: 192rpx;
height: 44rpx;
font-weight: 600;
font-size: 32rpx;
color: #333333;
line-height: 44rpx;
text-align: left;
margin-right: 14rpx;
vertical-align: middle;
}
.image{
width: 32rpx;
height: 32rpx;
vertical-align: middle;
}
.up_content{
width: 712rpx;
height: 264rpx;
background: url("../../static/images/learnpath/downImg.png") no-repeat;
background-size: 100%;
position: absolute;
top: 20rpx;
left: -50rpx;
z-index: 600;
.text{
width: 488rpx;
height: 120rpx;
font-weight: 400;
font-size: 24rpx;
color: #333333;
line-height: 40rpx;
margin: 74rpx 152rpx 70rpx 72rpx;
}
.down{
width: 42rpx;
height: 42rpx;
position: absolute;
right: 52rpx;
top: 64rpx;
}
}
}
.learn_right{
width: 300rpx;
height: 54rpx;
background: #387DF7;
box-shadow: 2rpx 4rpx 16rpx 0rpx rgba(56,125,247,0.34);
border-radius: 40rpx;
margin-right: 20rpx;
display: flex;
justify-content: center;
align-items: center;
.text{
height: 40rpx;
font-weight: 400;
font-size: 28rpx;
color: #FFFFFF;
line-height: 40rpx;
margin-right: 14rpx;
vertical-align: middle;
}
.image{
width: 40rpx;
height: 40rpx;
vertical-align: middle;
}
}
}
.learn_body{
.body_job{
background: linear-gradient( 180deg, #3161FA 0%, #5195FF 100%);
border-radius: 8rpx;
border: 2rpx solid #E4EDFE;
margin: 24rpx 28rpx 40rpx 30rpx;
padding: 40rpx 28rpx 32rpx 40rpx;
position: relative;
.name{
// height: 44rpx;
font-weight: 600;
font-size: 32rpx;
color: #FFFFFF;
line-height: 44rpx;
margin-bottom: 20rpx;
}
.job{
// height: 40rpx;
flex-wrap: wrap;
font-weight: 400;
font-size: 28rpx;
color: #FFFFFF;
line-height: 40rpx;
display: flex;
justify-content: space-between;
}
.plan_item{
position: absolute;
top: 216rpx;
right: 0;
.image{
width: 42rpx;
height: 36rpx;
margin-right: 20rpx;
vertical-align: middle;
}
.text{
height: 44rpx;
font-weight: 600;
font-size: 32rpx;
color: #409EFF;
line-height: 44rpx;
vertical-align: middle;
}
.plan_down{
position: absolute;
z-index: 900;
right: -44rpx;
top: 26rpx;
width: 780rpx;
max-height: 756rpx;
background: url("../../static/images/learnpath/downppt.png") no-repeat;
background-size: 100%;
margin-bottom: 36rpx;
padding-bottom: 36rpx;
.down{
width: 52rpx;
height: 52rpx;
position: absolute;
top: 60rpx;
right: 66rpx;
}
.header{
margin: 0 auto;
margin-top: 80rpx;
width: 144rpx;
height: 56rpx;
font-weight: 600;
font-size: 36rpx;
color: #202020;
line-height: 56rpx;
margin-bottom: 22rpx;
}
.body{
display: flex;
justify-content: space-between;
.left{
margin-left: 80rpx;
.img{
width: 40rpx;
height: 40rpx;
margin-right: 24rpx;
}
.text{
height: 40rpx;
font-weight: 400;
font-size: 28rpx;
color: #666666;
line-height: 40rpx;
}
}
.right{
text-align: center;
width: 140rpx;
height: 56rpx;
line-height: 56rpx;
border-radius: 8rpx;
border: 2rpx solid #387DF7;
font-weight: 400;
font-size: 28rpx;
color: #387DF7;
margin-right: 80rpx;
}
}
}
}
}
}
.body_item{
margin-bottom: 30rpx;
margin-left: 34rpx;
.body_top{
.img{
width: 32rpx;
height: 32rpx;
vertical-align: middle;
margin-right: 20rpx;
}
.text{
height: 44rpx;
font-weight: 600;
font-size: 32rpx;
color: #333333;
line-height: 44rpx;
vertical-align: middle;
}
}
.body_down{
margin: 24rpx 30rpx 30rpx 28rpx;
padding: 22rpx 38rpx 26rpx 40rpx;
max-height: 328rpx;
background: #F7F7F7;
border-radius: 8rpx;
font-weight: 400;
font-size: 28rpx;
text-align: left;
.text_ele{
overflow: hidden;
word-break:break-all;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 6;
}
}
.body_plan{
margin: 32rpx 30rpx 30rpx 28rpx;
height: 228rpx;
background: linear-gradient( 186deg, #E5EDFB 0%, #F7F9FC 100%);
border-radius: 8rpx;
display: flex;
.plan_left{
margin: 62rpx 70rpx 60rpx 48rpx;
display: flex;
.left{
height: 40rpx;
font-weight: 400;
font-size: 28rpx;
color: #848593;
line-height: 40rpx;
margin-right: 12rpx;
}
.right{
height: 42rpx;
font-weight: 600;
font-size: 30rpx;
color: #3B3C4A;
line-height: 42rpx;
}
}
}
}
.go_learn{
width: 472rpx;
height: 96rpx;
background: linear-gradient( 112deg, #5491FD 0%, #2A58FA 100%);
border-radius: 48rpx;
font-weight: 500;
font-size: 28rpx;
color: #FFFFFF;
line-height: 40rpx;
margin: 0 auto;
line-height: 96rpx;
text-align: center;
margin-bottom: 22rpx;
}
}
.delcoures{
position: absolute;
@@ -1123,7 +1589,7 @@
color: #666;
font-size: 32upx;
.tabbar-item {
flex: 1;
// flex: 1;
position: relative;
.border-bottom-one{
width: 120upx;

29
project.config.json Normal file
View File

@@ -0,0 +1,29 @@
{
"appid": "wxa5b4dd61b812ce01",
"compileType": "miniprogram",
"libVersion": "3.4.5",
"packOptions": {
"ignore": [],
"include": []
},
"setting": {
"coverView": true,
"es6": true,
"postcss": true,
"minified": true,
"enhance": true,
"showShadowRootInWxmlPanel": true,
"packNpmRelationList": [],
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"condition": false
},
"condition": {},
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 2
}
}

7
project.private.config.json Normal file
View File

@@ -0,0 +1,7 @@
{
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"projectname": "learning-system-mobile",
"setting": {
"compileHotReLoad": true
}
}

BIN
static/images/go.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 359 B

BIN
static/images/learnpath/7learn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

BIN
static/images/learnpath/credit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
static/images/learnpath/down.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 502 B

BIN
static/images/learnpath/downImg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
static/images/learnpath/downppt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/images/learnpath/explain.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 360 B

BIN
static/images/learnpath/file.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 280 B

BIN
static/images/learnpath/plan.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 503 B

BIN
static/images/learnpath/plane.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/images/learnpath/task.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
static/images/learnpath/why.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 624 B

BIN
static/images/learnpath/whyWhite.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 625 B