四邻信息

2022-04-18 09:52:37 +08:00
parent 2e8be19e77
commit 3b8d858759
5 changed files with 331 additions and 6 deletions
--- a/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
+++ b/project/sanjianxi/AppNeighborLinkage/neighborDetail.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="neighborDetail">
+    <div class="type">
+      <span>审核状态</span><span>已通过</span>
+    </div>
+    <div class="user-info">
+      <div class="item">
+        <span>事件日期</span>
+        <span>2022-04-18</span>
+      </div>
+      <div class="item">
+        <span>事件日期</span>
+        <span>2022-04-18</span>
+      </div>
+      <div class="description">
+        <div>时间描述</div>
+        <div>
+          帮助赵顺伟咨询户口迁移问题
+        </div>
+      </div>
+    </div>
+    <div class="btn">
+      <div class="delBtn">删除联动记录</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'neighborDetail',
+  data() {
+    return {
+
+    }
+  },
+  onShow() {},
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.neighborDetail {
+  .type {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 32px 32px;
+    background: #FFF;
+    span:first-child {
+      color: #999999;
+    }
+  }
+  .user-info {
+    margin-top: 24px;
+    padding: 0 32px;
+    box-sizing: border-box;
+    background: #FFF;
+    .item {
+      display: flex;
+      justify-content: space-between;
+      padding: 32px 0;
+      border-bottom: 1px solid #DDDDDD;
+      span:first-child {
+        color: #999999;
+      }
+    }
+    .description {
+      padding: 32px 0;
+      div:first-child {
+        margin-bottom: 20px;
+        color: #999999;
+      }
+    }
+  }
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 120px;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    .delBtn {
+      height: 88px;
+      line-height: 88px;
+      text-align: center;
+      color: #FF4466;
+      border: 1px solid #FF4466;
+      border-radius: 16px;
+    }
+  }
+}
+</style>