task#15348,培训文档和文档资料布局更改

This commit is contained in:
2024-09-26 17:00:29 +08:00
parent 8223ff3e46
commit 3919bf6934
3 changed files with 67 additions and 52 deletions

View File

@ -32,21 +32,13 @@
<van-pull-refresh v-model="isLoading" @refresh="onRefresh" style="min-height:85vh">
<div class="itemWrap" v-for="(item,index) in pageList" :key="index" @click="goH5Detail(item)">
<div class="info flexBetween common">
<div class="title">{{ item.pushUser }}</div>
<div class="time">{{ item.pushTime }}</div>
<div class="title">{{ item.name }}</div>
<div class="time">{{ item.updateTime }}</div>
</div>
<div class="imgWrap">
<img :src="item.themePicture">
<div class="name">{{item.name}}</div>
</div>
<div class="num common">{{ item.synopsis }}</div>
<div class="doc flexBetween common">
<div class="left">{{ item.docType?.label }}</div>
<div class="right">
<span style="color: red;font-size: 14px;margin-right: 8px">{{ item.listShowButton==null ? '已处理' : '未处理' }}</span>
<span style="opacity: .9;color: #ccc">阅读 {{item.readCount}}</span>
</div>
</div>
</div>
</van-pull-refresh>
</div>
@ -60,11 +52,11 @@
import {myMixins} from "@/utils/myMixins"
import {pageList} from "@/api/mine";
export default {
name: "trainDocment",
name: "docmentList",
mixins:[myMixins],
data(){
return{
tabArr: [{name: '中道制度', status: 1}, {name: '技术参数', status: 2},],
tabArr: [{name: '车型技术参数', status: 1}, {name: '中道服务规范', status: 2},{name: '中道小课堂', status: 3}, {name: '新手入列', status: 4},],
activeIndex: 0,
pageList:[],
pageNum:1,
@ -124,29 +116,5 @@ export default {
@import "@/styles/common.scss";
@import "@/styles/mixin.scss";
@import "@/styles/docment.scss";
.tab_wrap {
@include fontWeightSize(bolder, 15px);
display: flex;
justify-content: space-around;
padding: 5px 0 5px 0;
@include colorOpa(#737373,0.7);
div {
padding-top: 8px;
}
.active {
color: #3678FF;
position: relative;
}
.active:after {
content: '';
display: block;
@include wh(50px,3px);
background: linear-gradient(270deg, #33A3FF 0%, #176AFE 100%);
border-radius: 2px;
position: absolute;
margin-top: 3px;
left: 50%;
transform: translateX(-50%);
}
}
</style>