|
@@ -1,5 +1,5 @@
|
|
<template>
|
|
<template>
|
|
- <div class="contentBody" v-if="learnChildList.length>0">
|
|
|
|
|
|
+ <div class="contentBody" v-if="learnChildList.length > 0">
|
|
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
|
|
<van-pull-refresh v-model="isLoading" @refresh="onRefresh">
|
|
<van-tabs
|
|
<van-tabs
|
|
:active="active"
|
|
:active="active"
|
|
@@ -15,7 +15,7 @@
|
|
:title-style="titleStyle"
|
|
:title-style="titleStyle"
|
|
>
|
|
>
|
|
<div class="contentLoading" v-if="contentLoading">
|
|
<div class="contentLoading" v-if="contentLoading">
|
|
- <van-loading type="spinner" vertical >加载中...</van-loading>
|
|
|
|
|
|
+ <van-loading type="spinner" vertical>加载中...</van-loading>
|
|
</div>
|
|
</div>
|
|
<van-list
|
|
<van-list
|
|
v-else
|
|
v-else
|
|
@@ -80,7 +80,7 @@
|
|
<div class="contentItemDescriptionTime">
|
|
<div class="contentItemDescriptionTime">
|
|
{{
|
|
{{
|
|
formateDatesFun(contentItem.createdTime) ||
|
|
formateDatesFun(contentItem.createdTime) ||
|
|
- contentItem.createdTime
|
|
|
|
|
|
+ contentItem.createdTime
|
|
}}
|
|
}}
|
|
</div>
|
|
</div>
|
|
<div class="contentItemDescriptionStudyNeedTime">
|
|
<div class="contentItemDescriptionStudyNeedTime">
|
|
@@ -246,12 +246,12 @@ export default {
|
|
@import "~@/styles/mixin";
|
|
@import "~@/styles/mixin";
|
|
.contentBody {
|
|
.contentBody {
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
- .contentLoading {
|
|
|
|
|
|
+ .contentLoading {
|
|
height: 10vh;
|
|
height: 10vh;
|
|
display: flex;
|
|
display: flex;
|
|
justify-content: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
align-items: center;
|
|
- }
|
|
|
|
|
|
+ }
|
|
.contentItemDiv {
|
|
.contentItemDiv {
|
|
width: 100%;
|
|
width: 100%;
|
|
.contentItemTitle {
|
|
.contentItemTitle {
|
|
@@ -265,13 +265,13 @@ export default {
|
|
align-items: center;
|
|
align-items: center;
|
|
.contentItemTitle {
|
|
.contentItemTitle {
|
|
text-align: left;
|
|
text-align: left;
|
|
- font-size: 0.65rem;
|
|
|
|
|
|
+ font-size: 0.8rem;
|
|
color: #000;
|
|
color: #000;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
- white-space: pre-wrap;
|
|
|
|
|
|
+ // white-space: pre-wrap;
|
|
display: -webkit-box;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: ho;
|
|
-webkit-box-orient: ho;
|
|
-webkit-line-clamp: 10;
|
|
-webkit-line-clamp: 10;
|
|
@@ -307,14 +307,14 @@ export default {
|
|
margin-right: 0.25rem;
|
|
margin-right: 0.25rem;
|
|
}
|
|
}
|
|
span {
|
|
span {
|
|
- font-size: 0.65rem;
|
|
|
|
|
|
+ font-size: 0.8rem;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
color: #000;
|
|
color: #000;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
- white-space: pre-wrap;
|
|
|
|
|
|
+ // white-space: pre-wrap;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.contentVideoDK {
|
|
.contentVideoDK {
|