积分申请

src/apps/AppPointsApply/AppPointsApply.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="AppPointsApply">
-    <div class="points_img">
+    <div class="points_img" @click="toAdd">
       <img src="./imgs/points.png" alt="">
     </div>
     <h3>申请记录</h3>
@@ -31,7 +31,9 @@ export default {
     
   },
   methods: {
-
+    toAdd() {
+      uni.navigateTo({url: './addPoints'})
+    }
   },
 }
 </script>

src/apps/AppPointsApply/addPoints.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="addPoints">
+    <div class="item">
+      <div class="item_left"><span class="red">*</span><span class="color-666">申请事项</span></div>
+      <div class="input"><u-input v-model="value" type="text" placeholder="请输入" /></div>
+    </div>
+
+    <div class="item">
+      <div class="item_left"><span class="red">*</span><span class="color-666">积分数量</span></div>
+      <div class="input"><u-input v-model="value" type="number" placeholder="请输入"/></div>
+    </div>
+
+    <div class="items">
+      <div class="color-666">上传图片</div>
+      <AiUploader style="margin-top: 12px;" v-model="form.files" :limit="1"  action="/admin/file/add2"></AiUploader>
+    </div>
+
+    <div class="btn">
+      <div class="subBtn">提交</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'addPoints',
+  data() {
+    return {
+      value: '',
+      form: {
+        files: []
+      }
+    }
+  },
+  onShow() {
+    document.title = '积分申请'
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.addPoints {
+  padding: 32px 16px;
+  box-sizing: border-box;
+  font-size: 32px;
+  .item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 24px;
+    background: #FFF;
+    box-shadow: inset 0 0 0 0 #EEEEEE;
+    border-radius: 32px;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    .item_left {
+      font-size: 32px;
+      .red {
+        color: #E64A4A;
+      }
+      .color-666 {
+        color: #666666;
+      }
+    }
+    .input {
+      width: calc(100% - 200px);
+    }
+    ::v-deep .uni-input-input, 
+    .uni-input-placeholder {
+      text-align: right;
+      
+    }
+  }
+
+  .items {
+    margin-top: 24px;
+    background: #FFF;
+    box-shadow: inset 0 0 0 0 #EEEEEE;
+    border-radius: 32px;
+    padding: 16px 32px;
+    box-sizing: border-box;
+  }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background: #F5F5F5;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    height: 120px;
+    line-height: 120px;
+    .subBtn {
+      text-align: center;
+      color: #FFF;
+      background: #3975C6;
+      border-radius: 44px;
+      width: 100%;
+      height: 88px;
+      line-height: 88px;
+      font-style: 34px;
+    }
+  }
+
+}
+</style>