From 3003b7486ddeffd169f2b2f564fc0ff8c2c58bb3 Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Tue, 22 Jul 2025 09:56:04 +0800
Subject: [PATCH] 1
---
src/page/home/newPage.vue | 208 ++++++++++++++++++++++++++++++++++++---------------
1 files changed, 146 insertions(+), 62 deletions(-)
diff --git a/src/page/home/newPage.vue b/src/page/home/newPage.vue
index c1ac70b..39535d1 100644
--- a/src/page/home/newPage.vue
+++ b/src/page/home/newPage.vue
@@ -1,75 +1,159 @@
<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="new-page"
+ v-if="false"
+ > -->
+ <div class="new-page" v-if="list.title">
+ <page-head :title="list.title"></page-head>
+ <div class="newsTop">
+ <div class="newsTitle">{{ list.title }}</div>
+ <div class="newDetail-tits">{{ list.showTime | 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>
+ <div v-else class="new-page" style="padding-top:1em">
+ <page-head></page-head>
+ <van-skeleton title :row="10" />
</div>
</template>
<script>
- export default {
- created() {
- if (this.$route.query.id) {
- this.list_id = this.$route.query.id;
- }
-
- },
- data () {
- return{
- list_id:""
- }},
- mounted(){
-
- },
- methods:{
-
- },
- filters:{
- gettime(time) {
- if (!time) {
- return "";
- }
- var nd = new Date(time );
- var y = nd.getFullYear();
- var mm = nd.getMonth() + 1;
- var d = nd.getDate();
- var h = nd.getHours();
- var m = nd.getMinutes();
- var c = nd.getSeconds();
- if (mm < 10) {
- mm = "0" + mm;
- }
- if (d < 10) {
- d = "0" + d;
- }
- if (h < 10) {
- h = "0" + h;
- }
- if (m < 10) {
- m = "0" + m;
- }
- if (c < 10) {
- c = "0" + c;
- }
- //17:35:2922-06-2022
- return y + "-" + mm + "-" + d + " " + h + ":" + m + ":" + c;
+import PageHead from "@/components/pageHead.vue";
+import * as api from "@/axios/api";
+export default {
+ created() {
+ if (this.$route.query.listid) {
+ this.list_id = this.$route.query.listid;
+ }
+ this.getqueryNewsList(this.$route.query.listid);
+ },
+ components: {
+ PageHead
+ },
+ data() {
+ return {
+ list_id: "",
+ list: {}
+ };
+ },
+ mounted() {},
+ methods: {
+ async getqueryNewsList(id) {
+ let data = await api.queryNewsDetail(id);
+ this.list = data.data;
+ }
+ },
+ filters: {
+ gettime(time) {
+ if (!time) {
+ return "";
}
- },
-
- }
+ var nd = new Date(time);
+ var y = nd.getFullYear();
+ var mm = nd.getMonth() + 1;
+ var d = nd.getDate();
+ var h = nd.getHours();
+ var m = nd.getMinutes();
+ var c = nd.getSeconds();
+ if (mm < 10) {
+ mm = "0" + mm;
+ }
+ if (d < 10) {
+ d = "0" + d;
+ }
+ if (h < 10) {
+ h = "0" + h;
+ }
+ if (m < 10) {
+ m = "0" + m;
+ }
+ if (c < 10) {
+ c = "0" + c;
+ }
+ // 17:35:2922-06-2022
+ return d + "-" + mm + "-" + y + " " + h + ":" + m + ":" + c;
+ }
+ }
+};
</script>
<style scoped lang="less">
- .item-times{
- color: #999;
- margin-bottom: 0.15rem;
+.new-page {
+ // height: calc(100% - 72px);
+ // overflow: hidden;
+ min-height: 100vh;
+ .head {
+ height: 60px;
+ .mint-header {
+ height: 60px;
+ border-bottom: 1px solid #dddddd;
+ /deep/ .mintui-back,
+ /deep/ .mint-header-title {
+ font-size: 28px;
+ font-weight: 900;
+ }
+ }
}
+}
+.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 {
+ height: calc(100% - 254px);
+ overflow-y: auto;
+ width: 96%;
+ margin-left: 0;
+ margin-right: 0;
+ margin: 0 auto;
+ margin-top: 0.4rem;
+ font-size: 0.35rem;
+ line-height: 0.6rem;
+}
+/* 隐藏滚动条但能滚动 */
+.newsDetail {
+ overflow: auto;
+ /* 隐藏滚动条 */
+ scrollbar-width: thin;
+ scrollbar-color: transparent transparent;
+}
+/* 隐藏滚动条的样式 */
+.newsDetail::-webkit-scrollbar {
+ width: 0px;
+ background-color: transparent;
+}
+.newsDetail::-webkit-scrollbar-thumb {
+ background-color: transparent;
+}
+.newsDetail::-webkit-scrollbar-track {
+ background-color: transparent;
+}
+.newsImg {
+ width: 100%;
+ margin-top: 0.4rem;
+}
+.newsImg img {
+ width: 100%;
+ height: 100%;
+}
</style>
--
Gitblit v1.9.3