|
@@ -18,15 +18,15 @@
|
|
|
<div class="listItem listTitle">
|
|
|
{{item.titles}}<div v-if="item.state==0" class="studyType0">未学习</div><div v-else class="studyType1">已学习</div>
|
|
|
</div>
|
|
|
- <div class="listItem listContent" v-if="item.summary!=null">
|
|
|
- {{item.summary}}
|
|
|
+ <div class="listItem listContent" v-if="item.summary!=null" v-html="item.summary!=null?item.summary.replaceAll('\n\r','</br>').replaceAll('\r\n','</br>').replaceAll('\n','</br>').replaceAll('\r','</br>').replace('\\n','</br>'):''">
|
|
|
+
|
|
|
</div>
|
|
|
<div class="listItem listBottom1" v-if="item.categoryArr.length!=0">
|
|
|
<div v-for="(item0, index) in item.categoryArr" :key="index">
|
|
|
<div>
|
|
|
{{item0}}
|
|
|
</div>
|
|
|
- <a-divider style="margin-top: 0.5vw;" v-if="index!=(item.categoryArr.length-1)" class="lineBox" type="vertical" />
|
|
|
+ <a-divider style="margin-top: 0.4vw;" v-if="index!=(item.categoryArr.length-1)" class="lineBox" type="vertical" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="listItem listBottom">
|
|
@@ -40,7 +40,7 @@
|
|
|
<span v-if="item.documentType<5">{{typeArr[(item.documentType-1)]}}</span>
|
|
|
<span v-else>{{typeArr[4]}}</span>
|
|
|
</div>
|
|
|
- <a-divider class="lineBox" type="vertical" />
|
|
|
+ <a-divider class="lineBox" style="margin-top: 0.2vw;" type="vertical" />
|
|
|
</template>
|
|
|
<div>
|
|
|
<img src="../../../../image/lookTime.png"/>
|
|
@@ -190,11 +190,14 @@ export default {
|
|
|
}
|
|
|
.listBottom1 div{
|
|
|
float: left;
|
|
|
+ display: flex;
|
|
|
}
|
|
|
.listBottom{
|
|
|
margin-top: 1.4vw;
|
|
|
font-size: 0.83vw;
|
|
|
color: #C0C0C0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
.listBottom div{
|
|
|
float: left;
|
|
@@ -212,7 +215,8 @@ export default {
|
|
|
}
|
|
|
.lineBox{
|
|
|
margin: 0px 0.8333vw;
|
|
|
- margin-top: 0.34vw;
|
|
|
+ margin-top: 0.5vw;
|
|
|
+ height: 0.8vw;
|
|
|
}
|
|
|
.studyType0{
|
|
|
width: 3.02vw;
|