From 58b0f1e9bd03a472321acf1dfc4e89fc4ce9df7a Mon Sep 17 00:00:00 2001
From: PC-20250623MANY\Administrator <344137771@qq.com>
Date: Mon, 29 Sep 2025 01:14:10 +0800
Subject: [PATCH] 9.28更换api
---
src/page/home/newPage.vue | 228 +++++++++++++++++++++++++++++++++-----------------------
1 files changed, 134 insertions(+), 94 deletions(-)
diff --git a/src/page/home/newPage.vue b/src/page/home/newPage.vue
index 416dfdf..2974de2 100644
--- a/src/page/home/newPage.vue
+++ b/src/page/home/newPage.vue
@@ -1,113 +1,153 @@
<template>
- <div :class="` ${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`" class="">
-
+ <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.addTime| gettime}}</div>
+ <div class="newsTitle">{{ list.title }}</div>
+ <div class="newDetail-tits">{{ list.showTime | gettime }}</div>
</div>
<div class="newsDetail">
- <div>{{list.content}}</div>
+ <div>{{ list.content }}</div>
<div class="newsImg" v-if="list.imgurl">
- <img :src="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>
+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);
- },
- data () {
- return{
- list_id:"",
- list:[],
- }},
- mounted(){
-
- },
- methods:{
- async getqueryNewsList(id){
- let data = await api.queryNewsDetail(id);
- this.list = data.data
-
+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 "";
}
-
- },
- 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;
+ 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">
- .newDetail-tits{
- margin-top: 0.4rem;
- font-size: 0.4rem;
- margin-bottom: 0.4rem;
+.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;
+ }
+ }
}
- .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%;
- }
+}
+.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;
+ 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