From f8e9af35a267b7b9a2bf605187a11536889a6e38 Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Mon, 20 May 2024 11:00:10 +0800
Subject: [PATCH] 修改:绑定银行卡 多语言

---
 src/page/home/newPage.vue |  196 ++++++++++++++++++++++++++++++++++---------------
 1 files changed, 136 insertions(+), 60 deletions(-)

diff --git a/src/page/home/newPage.vue b/src/page/home/newPage.vue
index c1ac70b..0387656 100644
--- a/src/page/home/newPage.vue
+++ b/src/page/home/newPage.vue
@@ -1,75 +1,151 @@
 <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">
+    <!-- <div class="head"> -->
+
+      <!-- <view>{{ $t('hj238') }}</view> -->
+    <!-- </div> -->
+    <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>
 </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 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;
+  .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