|
@@ -0,0 +1,117 @@
|
|
|
+<template>
|
|
|
+ <div id="info">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-col :span="24" class="title"> {{ form.title }} </el-col>
|
|
|
+ <el-col :span="24" class="other">
|
|
|
+ <span>来源:{{ form.origin || '系统管理员' }}</span>
|
|
|
+ <span>更新时间:{{ form.renew_time || '暂无时间' }}</span>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="video" v-if="form.fileUrl">
|
|
|
+ <video
|
|
|
+ autoplay="autoplay"
|
|
|
+ controls="controls"
|
|
|
+ preload="meta"
|
|
|
+ x-webkit-airplay="true"
|
|
|
+ webkit-playsinline="true"
|
|
|
+ playsinline="true"
|
|
|
+ x5-video-player-type="h5"
|
|
|
+ x5-video-player-fullscreen="true"
|
|
|
+ controlsList="nodownload"
|
|
|
+ :src="form.fileUrl"
|
|
|
+ loop="loop"
|
|
|
+ >
|
|
|
+ <source src="movie.ogg" type="video/ogg" />
|
|
|
+ <source src="movie.mp4" type="video/mp4" />
|
|
|
+ </video>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="content">
|
|
|
+ <p v-html="form.content"></p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="web" v-if="form.website">
|
|
|
+ <p>原文网址</p>
|
|
|
+ <el-link :underline="false" :href="form.website" target="_blank">{{ form.website }}</el-link>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="zan">
|
|
|
+ <img :src="form.zan == true ? zan2 : zan" alt="点赞" @click="zanBtn" />
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+export default {
|
|
|
+ name: 'info',
|
|
|
+ props: {
|
|
|
+ form: { type: Object },
|
|
|
+ },
|
|
|
+ components: {},
|
|
|
+ data: function() {
|
|
|
+ return {
|
|
|
+ zan: require('@a/zan.png'),
|
|
|
+ zan2: require('@a/zan2.png'),
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ zanBtn() {
|
|
|
+ alert('点赞');
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+ watch: {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.main {
|
|
|
+ padding: 0 5px;
|
|
|
+ .title {
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 10px 0px 10px 0;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .other {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ span {
|
|
|
+ padding: 0 0 0 5px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .video {
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ video {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ }
|
|
|
+ .web {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ text-align: center;
|
|
|
+ p {
|
|
|
+ margin: 0 0 5px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .zan {
|
|
|
+ text-align: center;
|
|
|
+ margin: 15px 0 0 0;
|
|
|
+ img {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|