|
@@ -22,8 +22,21 @@
|
|
|
</video-player>
|
|
|
</van-sticky>
|
|
|
<div class="videoItem" v-if="item.id">
|
|
|
- <p class="title">{{ item.title }}</p>
|
|
|
- <p class="publistTime">{{ item.publishTime }}</p>
|
|
|
+ <van-cell :title="item.title" use-label-slot>
|
|
|
+ <div slot="label">
|
|
|
+ <!-- <span
|
|
|
+ style="font-size: 14px; color: #abb2b8;float:right"
|
|
|
+ v-if="item.origSource || item.publishTime"
|
|
|
+ >
|
|
|
+ 观看: {{ item.readCount | read }}
|
|
|
+ </span> -->
|
|
|
+ <span
|
|
|
+ style="font-size: 14px; color: #abb2b8"
|
|
|
+ v-if="item.origSource || item.publishTime"
|
|
|
+ v-text="item.origSource + ' ' + item.publishTime"
|
|
|
+ ></span>
|
|
|
+ </div>
|
|
|
+ </van-cell>
|
|
|
<div
|
|
|
@click="showIntrodu = !showIntrodu"
|
|
|
:class="{ introduction: true }"
|
|
@@ -37,10 +50,11 @@
|
|
|
|
|
|
<script>
|
|
|
// import { progress } from "@/api/article/article.js";
|
|
|
-import { Sticky as vanSticky, Empty as vanEmpty } from "vant";
|
|
|
+import { Sticky as vanSticky, Empty as vanEmpty, Cell as vanCell } from "vant";
|
|
|
import "vant/lib/sticky/style";
|
|
|
import "vant/lib/empty/style";
|
|
|
import "vant/lib/toast/style";
|
|
|
+import "vant/lib/cell/style";
|
|
|
import "video.js/dist/video-js.css";
|
|
|
import { videoPlayer } from "vue-video-player";
|
|
|
|
|
@@ -71,6 +85,16 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
timeout: null,
|
|
|
+ filters: {
|
|
|
+ read(v) {
|
|
|
+ if (isNaN(v)) return 0;
|
|
|
+ let o = v;
|
|
|
+ if (v > 10000) {
|
|
|
+ o = (v / 10000).toFixed(2) + "万";
|
|
|
+ }
|
|
|
+ return o;
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
onPlayerPlay() {
|
|
|
this.pleayStatus = true;
|
|
@@ -166,7 +190,8 @@ export default {
|
|
|
components: {
|
|
|
videoPlayer,
|
|
|
vanSticky,
|
|
|
- vanEmpty
|
|
|
+ vanEmpty,
|
|
|
+ vanCell
|
|
|
}
|
|
|
};
|
|
|
</script>
|