消息通知

2022-06-22 10:24:54 +08:00
parent bb32a32bb7
commit 94106c1313
10 changed files with 346 additions and 0 deletions
--- a/src/apps/AppDataScreening/userDetail.vue
+++ b/src/apps/AppDataScreening/userDetail.vue
@@ -0,0 +1,85 @@
+<template>
+  <div class="userDetail">
+    <div class="list">
+      <div class="item">
+        <div class="left">
+          <img src="./img/user-img.png" alt="">
+        </div>
+        <div class="right">
+          <p>群聊</p>
+          <div>3人 | 群主：张三</div>
+        </div>
+      </div>
+      <div class="item">
+        <div class="left">
+          <img src="./img/user-img.png" alt="">
+        </div>
+        <div class="right">
+          <p>群聊群聊群聊群聊群聊群聊群聊群聊群聊群聊群聊群聊群聊群聊群聊群聊</p>
+          <div>3人 | 群主：张三</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+
+export default {
+  name: "userDetail",
+  data() {
+    return {
+
+    }
+  },
+  computed: {...mapState(['user'])},
+  created() {
+  },
+  onShow() {
+    document.title = '居民群详情'
+  },
+  methods: {
+    
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.userDetail {
+  .list{
+    background-color: #fff;
+    padding-left: 32px;
+    .item{
+      padding: 34px 32px 34px 0;
+      display: flex;
+      box-sizing: border-box;
+      border-bottom: 1px solid #ddd;
+      .left{
+        width: 110px;
+        img{
+          width: 88px;
+          height: 88px;
+          vertical-align: bottom;
+          margin-right: 22px;
+        }
+      }
+      .right{
+        width: calc(100% - 110px);
+        p{
+          line-height: 44px;
+          margin-bottom: 8px;
+          color: #333;
+          font-size: 30px;
+          word-break: break-all;
+        }
+        div{
+          font-size: 28px;
+          color: #999;
+          line-height: 34px;
+        }
+      }
+    }
+  }
+}
+</style>