From 44db498cedee7573d090797b1fe5c331c413b00a Mon Sep 17 00:00:00 2001
From: zzzz <690498789@qq.com>
Date: Mon, 22 Apr 2024 19:03:57 +0800
Subject: [PATCH] first
---
src/page/home/newPage.vue | 194 ++++++++++++++++++++++++++++++++++--------------
1 files changed, 137 insertions(+), 57 deletions(-)
diff --git a/src/page/home/newPage.vue b/src/page/home/newPage.vue
index c1ac70b..e3879c3 100644
--- a/src/page/home/newPage.vue
+++ b/src/page/home/newPage.vue
@@ -1,75 +1,155 @@
<template>
- <div class="">
- <div class="header">
- <mt-header title="新闻">
- <router-link to="/user" slot="left">
+ <div :class="` ${$state.theme === 'red' ? 'red-theme' : 'black-theme'}`" class="new-page">
+ <div class="head">
+ <mt-header fixed :title="$t('hj238')">
+ <router-link to="/home" slot="left">
<mt-button icon="back"></mt-button>
</router-link>
</mt-header>
+ <!-- <view>{{ $t('hj238') }}</view> -->
</div>
- <div class="">
- <div>{{list.title}}</div>
- <div class="item-times">{{ | gettime}}</div>
+ <div class="newsTop">
+ <div class="newsTitle">{{list.title}}</div>
+ <div class="newDetail-tits">{{ list.addTime| gettime}}</div>
+ </div>
+ <div class="newsDetail">
+ <div>{{list.content}}</div>
+ <div class="newsImg" v-if="list.imgurl">
+ <img :src="list.imgurl"/>
+ </div>
</div>
</div>
</template>
<script>
- export default {
- created() {
- if (this.$route.query.id) {
- this.list_id = this.$route.query.id;
- }
-
- },
- data () {
- return{
- list_id:""
- }},
- mounted(){
+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:{
-
- },
- 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;
+ },
+ 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 y + '-' + mm + '-' + d + ' ' + h + ':' + m + ':' + c
+ }
+ }
- }
+}
</script>
<style scoped lang="less">
- .item-times{
- color: #999;
- margin-bottom: 0.15rem;
+.new-page {
+ height: calc(100% - 72px);
+ overflow: hidden;
+ .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