task#15348,调度app,培训排版更改
This commit is contained in:
@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
|
<div class="wrap" :style="{ 'overflow-y': showPoup ? 'hidden' : 'auto' }">
|
||||||
<div class="navBar">
|
<div class="navBar">
|
||||||
<van-nav-bar title="新人培训" :border="false" :fixed="true" :safe-area-inset-top="true">
|
<van-nav-bar title="培训" :border="false" :fixed="true" :safe-area-inset-top="true">
|
||||||
<template slot="left" v-if="isFinished">
|
<template slot="left" v-if="isFinished">
|
||||||
<van-icon name="checked" color="#37ec37" size="20"/>
|
<van-icon name="checked" color="#37ec37" size="20"/>
|
||||||
</template>
|
</template>
|
||||||
@ -12,16 +12,20 @@
|
|||||||
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')">
|
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item,'培训文档')">
|
||||||
<div class="info flexBetween common">
|
<div class="info flexBetween common">
|
||||||
<div class="title">{{ item.name }}</div>
|
<div class="title">{{ item.name }}</div>
|
||||||
<div class="time">{{ item.updateTime }}</div>
|
<!-- <div class="time">{{ item.updateTime }}</div>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="imgWrap"><img :src="item.themePicture"></div>
|
<div class="imgWrap"><img :src="item.themePicture"></div>
|
||||||
<div class="num common">{{ item.synopsis }}</div>
|
<div class="num common">{{ item.synopsis }}</div>
|
||||||
<template v-if="item.alreadyRead === 1">
|
<div class="info flexBetween common" >
|
||||||
|
<div class="time">{{ item.pushTime }}</div>
|
||||||
|
<span style="color: red;font-size: 14px;margin-right: 8px" :class="item.alreadyRead===1 ? 'alRead' : ''">{{ item.alreadyRead===1 ? '已处理' : '未处理' }}</span>
|
||||||
|
</div>
|
||||||
|
<!-- <template v-if="item.alreadyRead === 1">
|
||||||
<div class="status" style="color: #cccccc">已处理</div>
|
<div class="status" style="color: #cccccc">已处理</div>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<div class="status" >未处理</div>
|
<div class="status" >未处理</div>
|
||||||
</template>
|
</template>-->
|
||||||
</div>
|
</div>
|
||||||
</van-pull-refresh>
|
</van-pull-refresh>
|
||||||
</div>
|
</div>
|
||||||
@ -247,77 +251,8 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//.poupWrap{
|
.alRead{
|
||||||
// width: 100%;
|
color: #cccccc !important;
|
||||||
// height: 100%;
|
}
|
||||||
// background-color: rgba(0,0,0,.7);
|
|
||||||
// position: absolute;
|
|
||||||
// top: 0;
|
|
||||||
// left: 0;
|
|
||||||
// .container{
|
|
||||||
// width: 320px;
|
|
||||||
// height: 310px;
|
|
||||||
// background-image: url("@/assets/trainBg.png");
|
|
||||||
// background-size: 320px 310px;
|
|
||||||
// background-repeat: no-repeat;
|
|
||||||
// position: absolute;
|
|
||||||
// top: 0;
|
|
||||||
// bottom: 0;
|
|
||||||
// left: 0;
|
|
||||||
// right: 0;
|
|
||||||
// margin: auto;
|
|
||||||
// .con{
|
|
||||||
// position: absolute;
|
|
||||||
// top: 100px;
|
|
||||||
// left: 20px;
|
|
||||||
// }
|
|
||||||
//
|
|
||||||
// }
|
|
||||||
// .title{
|
|
||||||
// font-weight: bold;
|
|
||||||
// font-size: 19px;
|
|
||||||
// color: #3364B7;
|
|
||||||
// line-height: 26px;
|
|
||||||
// width: 70%;
|
|
||||||
// margin-left: 35px;
|
|
||||||
// text-align: center;
|
|
||||||
// }
|
|
||||||
// .content{
|
|
||||||
// width: 70%;
|
|
||||||
// height: 92px;
|
|
||||||
// font-size: 14px;
|
|
||||||
// color: #4C5361;
|
|
||||||
// line-height: 23px;
|
|
||||||
// text-align: justify;
|
|
||||||
// margin-top: 8px;
|
|
||||||
// margin-bottom: 20px;
|
|
||||||
// margin-left: 35px;
|
|
||||||
// }
|
|
||||||
// .line{
|
|
||||||
// width: 285px;
|
|
||||||
// height: 1px;
|
|
||||||
// border-bottom: 1px solid #F1F2F5;
|
|
||||||
// }
|
|
||||||
// .btnWrap{
|
|
||||||
// width: 92%;
|
|
||||||
// font-weight: bold;
|
|
||||||
// font-size: 13px;
|
|
||||||
// display: flex;
|
|
||||||
// justify-content: space-around;
|
|
||||||
// margin-top: 6px;
|
|
||||||
// height: 40px;
|
|
||||||
// line-height: 40px;
|
|
||||||
// .closeBtn{
|
|
||||||
// color: #999B9F;
|
|
||||||
// }
|
|
||||||
// .line{
|
|
||||||
// width: 1px;
|
|
||||||
// height: 48px;
|
|
||||||
// border-right: 1px solid #F1F2F5;
|
|
||||||
// }
|
|
||||||
// .nextBtn{
|
|
||||||
// color: #3364B7;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
//}
|
|
||||||
</style>
|
</style>
|
||||||
|
Reference in New Issue
Block a user