静态页面

2022-04-18 11:34:03 +08:00
parent 2f0e2c95a4
commit 888e82e8ac
8 changed files with 798 additions and 0 deletions
--- a/src/apps/AppFourNeighbor/Detail.vue
+++ b/src/apps/AppFourNeighbor/Detail.vue
@@ -0,0 +1,108 @@
+<template>
+  <div class="detail">
+    <div class="flex mar-b16">
+      <div class="label">党员信息</div>
+      <div class="value">待审核</div>
+    </div>
+    <div class="flex mar-b16">
+      <div class="label">四邻对象</div>
+      <div class="value">张三</div>
+    </div>
+    <div class="flex mar-b16">
+      <div class="label">事件日期</div>
+      <div class="value">2022-04-15</div>
+    </div>
+    <div class="flex">
+      <div class="label">事件描述</div>
+    </div>
+    <div class="content">帮助赵顺伟咨询户口迁移问题</div>
+    <div class="footer">
+      <div @click="toContent">审核不通过</div>
+      <div class="btn">审核通过</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {mapState} from "vuex";
+
+export default {
+  name: 'detail',
+  data() {
+    return {
+      value: ''
+    }
+  },
+  computed: {
+    ...mapState(['user']),
+    
+  },
+  created() {
+    this.$dict.load('appSpecialTypeFive')
+  },
+  onShow() {
+    document.title = '四邻联动'
+    
+  },
+  methods: {
+    toContent() {
+      uni.navigateTo({url: './Content'})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.detail {
+  .flex{
+    display: flex;
+    justify-content: space-between;
+    padding: 34px 32px 34px 32px;
+    font-size: 32px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #333;
+    line-height: 44px;
+    background-color: #fff;
+    .label{
+      width: 150px;
+    }
+  }
+  .mar-b16{
+    margin-bottom: 16px;
+  }
+  .content{
+    width: 100%;
+    padding: 0 32px 32px;
+    background-color: #fff;
+    box-sizing: border-box;
+    font-size: 32px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #333;
+    line-height: 44px;
+    word-break: break-all;
+  }
+  .footer {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    background: #fff;
+    color: #f46;
+    div{
+      flex: 1;
+      height: 112px;
+      line-height: 112px;
+      text-align: center;
+      font-size: 32px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+    }
+    .btn {
+      background: #3975C6;
+      color: #fff;
+    }
+  }
+
+}
+</style>