黑龙江

2024-09-06 17:46:36 +08:00
parent c048ad5534
commit ac2976f365
11 changed files with 1305 additions and 0 deletions
--- a/src/project/hljjm/AppRecognize/AppRecognizeDetail.vue
+++ b/src/project/hljjm/AppRecognize/AppRecognizeDetail.vue
@@ -0,0 +1,123 @@
+<template>
+  <section class="AppRecognizeDetail">
+    <u-tabs :list="tabList" :is-scroll="false" :current="tabIndex" @change="change" height="112" :bar-style="barStyle"
+      bg-color="#fff" inactive-color="#666" active-color="#222" :active-item-style="activeStyle"></u-tabs>
+    <div class="info-content">
+      <div class="item">
+        <div class="label">助养人姓名</div>
+        <div class="value">张珊珊</div>
+      </div>
+      <div class="item">
+        <div class="label">助养人姓名</div>
+        <div class="value">张珊珊</div>
+      </div>
+      <div class="item">
+        <div class="label">助养人姓名</div>
+        <div class="value">张珊珊</div>
+      </div>
+    </div>
+    <div class="footer-btn">
+      <div class="btn primary" @click="toList()">下一步</div>
+      <div class="btn">返回</div>
+    </div>
+  </section>
+</template>
+
+<script>
+export default {
+  name: "AppRecognizeDetail",
+  appName: "认亲助养",
+  data() {
+    return {
+      tabList: [{name: '助养信息'}, {name: '助养对象'}, {name: '相关文件'}, {name: '经办人'}],
+			tabIndex: 0,
+      barStyle: {
+        'width': '20px', 
+        'bottom': '-3px', 
+        'background': '#4181FF', 
+        'border-radius': '2px'
+      },
+      activeStyle: {
+        'font-weight' : '400',
+        'color': '#222'
+      },
+    }
+  },
+  onLoad() {
+    uni.setNavigationBarColor({
+      frontColor: '#ffffff',
+      backgroundColor: '#2183FF'
+    })
+    uni.setNavigationBarTitle({
+      title: '认亲助养'
+    })
+  },
+  methods: {
+    linkTo(url) {
+      uni.navigateTo({url})
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+uni-page-body {
+  background-color: #f5f6f7;
+}
+.AppRecognizeDetail {
+  ::v-deep .u-tabs {
+    border-bottom: 1px solid #ddd;
+  }
+  .info-content {
+    margin-top: 24px;
+    .item {
+      padding-left: 32px;
+      background-color: #fff;
+      font-family: PingFangSC-Regular;
+      width: 100%;
+      box-sizing: border-box;
+      .label {
+        padding: 16px 32px 20px 0;
+        line-height: 44px;
+        font-size: 32px;
+        color: #999;
+        box-sizing: border-box;
+      }
+      .value {
+        padding: 0 20px 16px 0;
+        box-sizing: border-box;
+        line-height: 40px;
+        font-size: 28px;
+        color: #222;
+        border-bottom: 1px solid #E4E5E6;
+      }
+    }
+  }
+  .footer-btn {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    padding: 16px 32px 52px 16px;
+    box-sizing: border-box;
+    background-color: #fff;
+    .btn {
+      width: 100%;
+      text-align: center;
+      height: 96px;
+      line-height: 94px;
+      border: 1px solid #2183FF;
+      border-radius: 8px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #2183FF;
+      margin-bottom: 16px;
+    }
+    .primary {
+      background-color: #2183FF;
+      color: #fff;
+    }
+  }
+}
+</style>