From 4cf29de231ee3503c48e0c1d098dab795091ff46 Mon Sep 17 00:00:00 2001
From: DESKTOP-CVS3R96\我恁爹 <11>
Date: Sun, 06 Nov 2022 18:00:27 +0800
Subject: [PATCH] 11.6
---
src/page/home/newPage.vue | 74 ++++++++++++++++++++++++++++---------
1 files changed, 56 insertions(+), 18 deletions(-)
diff --git a/src/page/home/newPage.vue b/src/page/home/newPage.vue
index c1ac70b..416dfdf 100644
--- a/src/page/home/newPage.vue
+++ b/src/page/home/newPage.vue
@@ -1,36 +1,43 @@
<template>
- <div class="">
- <div class="header">
- <mt-header title="新闻">
- <router-link to="/user" slot="left">
- <mt-button icon="back"></mt-button>
- </router-link>
- </mt-header>
+ <div :class="` ${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`" class="">
+
+ <div class="newsTop">
+ <div class="newsTitle">{{list.title}}</div>
+ <div class="newDetail-tits">{{ list.addTime| gettime}}</div>
</div>
- <div class="">
- <div>{{list.title}}</div>
- <div class="item-times">{{ | gettime}}</div>
+ <div class="newsDetail">
+ <div>{{list.content}}</div>
+ <div class="newsImg" v-if="list.imgurl">
+ <img :src="list.imgurl"/>
+ </div>
</div>
</div>
</template>
<script>
+import * as api from "@/axios/api";
export default {
created() {
- if (this.$route.query.id) {
- this.list_id = this.$route.query.id;
+ if (this.$route.query.listid) {
+ this.list_id = this.$route.query.listid;
}
-
+ this.getqueryNewsList(this.$route.query.listid);
},
data () {
return{
- list_id:""
+ list_id:"",
+ list:[],
}},
mounted(){
},
methods:{
-
+ async getqueryNewsList(id){
+ let data = await api.queryNewsDetail(id);
+ this.list = data.data
+
+ }
+
},
filters:{
gettime(time) {
@@ -68,8 +75,39 @@
</script>
<style scoped lang="less">
- .item-times{
- color: #999;
- margin-bottom: 0.15rem;
+ .newDetail-tits{
+ margin-top: 0.4rem;
+ font-size: 0.4rem;
+ margin-bottom: 0.4rem;
+ }
+ .newsTop{
+ border-bottom: 0.01rem solid #cdcdcd;
+ padding-top: 0.3rem;
+ color: #000;
+ width: 96%;
+ margin-left: 0;
+ margin-right: 0;
+ margin: 0 auto;
+ }
+ .newsTitle{
+ font-size: 0.55rem;
+ font-weight: 500;
+ }
+ .newsDetail{
+ width: 96%;
+ margin-left: 0;
+ margin-right: 0;
+ margin: 0 auto;
+ margin-top: 0.4rem;
+ font-size: 0.35rem;
+ line-height: 0.6rem;
+ }
+ .newsImg{
+ width: 100%;
+ margin-top: 0.4rem;
+ }
+ .newsImg img{
+ width: 100%;
+ height: 100%;
}
</style>
--
Gitblit v1.9.3