|
|
@@ -1,13 +1,13 @@
|
|
|
<template>
|
|
|
<div class="list" v-if="list.length != 0">
|
|
|
- <div class="list-item" :class="item.ishistory == 0?'list-shadow-y':'list-shadow-g'" @click="itemClick(item.sat_submiteditmodelid,item.ishistory)" v-for="(item,index) in list" :style="{borderColor:item.ishistory == 0?'#e6a23c':'#999999'}"
|
|
|
+ <div class="list-item" :class="item.ishistory == 0?'list-shadow-y':'list-shadow-g'" @click="itemClick(item.sat_submiteditmodelid,item.ishistory)" v-for="(item,index) in list" :style="{borderColor:item.ishistory == 0?'#67C23A':'#999999'}"
|
|
|
:key="index">
|
|
|
<div style="display: flex;justify-content: space-between">
|
|
|
- <div class="headerState" :style="{backgroundColor:item.ishistory == 0?'#e6a23c':'#999999'}">
|
|
|
+ <div class="headerState" :style="{backgroundColor:item.ishistory == 0?'#67C23A':'#999999'}">
|
|
|
{{item.ishistory == 0 ? $t('进行中') : $t('已结束')}}
|
|
|
</div>
|
|
|
- <div class="tag-style-border" >
|
|
|
- <div :class="item.isRead == 0?'no-read':'read'">{{item.isRead == 0 ? $t('未读') : $t('已读')}}</div>
|
|
|
+ <div style="margin-top: 3px">
|
|
|
+ <div class="tag-style-border" :class="item.isRead == 0?'no-read':'read'">{{item.isRead == 0 ? $t('未读') : $t('已读')}}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="title-font-b title-show-style">
|
|
|
@@ -112,7 +112,7 @@ export default {
|
|
|
box-shadow: 1px 6px 6px 1px rgba(153,153,153, 0.35);
|
|
|
}
|
|
|
.list-shadow-y:hover{
|
|
|
- box-shadow: 1px 6px 6px 1px rgba(230,162,60, 0.35);
|
|
|
+ box-shadow: 1px 6px 6px 1px rgba(103,194,58, 0.35);
|
|
|
}
|
|
|
.list .list-item .headerState {
|
|
|
width: 50px;
|
|
|
@@ -125,13 +125,14 @@ export default {
|
|
|
font-size: 10px;
|
|
|
}
|
|
|
.tag-style-border{
|
|
|
- width: 46px;
|
|
|
- height: 24px;
|
|
|
+ width: 30px;
|
|
|
+ height: 18px;
|
|
|
border-radius: 4px 4px 4px 4px;
|
|
|
font-size: 10px;
|
|
|
font-weight: normal;
|
|
|
text-align: center;
|
|
|
- line-height: 24px;
|
|
|
+ line-height: 18px;
|
|
|
+ vertical-align: middle;
|
|
|
}
|
|
|
.read {
|
|
|
color: #67c23a;
|