修改我的消息

2022-03-03 13:42:46 +08:00
parent 2fbebce21f
commit e0335da516
6 changed files with 463 additions and 300 deletions
@@ -0,0 +1,79 @@
+<template>
+  <div class="box">
+    <div class="box-header">
+      <a-icon type="left-circle" @click="iconClick" class="icon" theme="filled"/>
+      <span class="box-header-left-text">
+        {{this.$route.query.msgContent}}
+      </span>
+      <span class="box-header-right-text">
+        {{$t('NotificationTime')}}: {{this.$route.query.sendTime}}
+      </span>
+    </div>
+    <div class="box-content">
+      {{this.$route.query.msgContentInfo}}
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'MessageDetails',
+    methods: {
+      iconClick() {
+        this.$router.push({
+          path: '/isps/userAnnouncement'
+        })
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .box {
+    width: 100%;
+  }
+
+  .box-header {
+    padding: 0 32px;
+    height: 68px;
+    line-height: 68px;
+    border-bottom: 2px #eff1f3 solid;
+  }
+
+  .icon {
+    font-size: 32px;
+    color: #00A0E9;
+    margin-right: 30px;
+    display: inline-block;
+    float: left;
+    line-height: 75px;
+  }
+
+  .box-header-left-text {
+    width: calc(100% - 420px);
+    font-size: 18px;
+    display: inline-block;
+    color: #040B29;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .box-header-right-text {
+    font-size: 16px;
+    float: right;
+    display: inline-block;
+    line-height: 88px;
+    color: #040B29;
+    opacity: 0.5;
+  }
+
+  .box-content {
+    padding: 40px 120px;
+    box-sizing: border-box;
+    color: #040B29;
+    font-size: 16px;
+    text-indent: 30px;
+    letter-spacing: 3px
+  }
+</style>