发送范围

src/project/saas/AppCooperationPropaganda/addPropaganda.vue

@@ -7,7 +7,7 @@
 
     <div class="send_scope">
       <div><span class="color_red">*</span><span class="title">发送范围</span></div>
-      <div>
+      <div @click="toSleectScoped">
         <span>请选择</span><span><u-icon name="arrow-right" color="#CCD0D3"></u-icon></span>
       </div>
     </div>
@@ -42,7 +42,7 @@
     </div>
 
     <div class="btn">
-      <div class="submit">发送</div>
+      <div class="submitBtn">发送</div>
     </div>
 
   </div>
@@ -59,7 +59,9 @@ export default {
     }
   },
   methods: {
-    
+    toSleectScoped() {
+      uni.navigateTo({url: `./sendScoped?type=${this.type}`})
+    }
   },
   onShow() {
   },
@@ -152,6 +154,15 @@ export default {
     padding: 24px 32px;
     box-sizing: border-box;
     background: #FFF;
+    .submitBtn {
+      background: #1365DD;
+      width: 100%;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      color: #FFF;
+      border-radius: 8px;
+    }
   }
 }
 </style>

src/project/saas/AppCooperationPropaganda/sendScoped.vue

@@ -0,0 +1,67 @@
+<template>
+  <div class="sendScoped">
+    
+    
+    <icon type="circle" size="18"/>
+    <icon type="success" size="16"/>
+
+    <div class="btn">
+      <div class="cancelBtn">取消</div>
+      <div class="submitBtn">确定</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'sendScoped',
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  onLoad(o) {
+    console.log(o);
+    document.title = "选择发送范围"
+  },
+}
+</script>
+<style lang="scss" scoped>
+.sendScoped {
+  background: #FFF;
+
+
+
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    background: #FFF;
+    display: flex;
+    width: 100%;
+    height: 128px;
+    padding: 24px 32px;
+    box-sizing: border-box;
+
+    .cancelBtn,
+    .submitBtn {
+      flex: 1;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      border-radius: 8px;
+      border: 2px solid #CCCCCC;
+    }
+    .submitBtn {
+      background: #1365DD;
+      color: #FFF;
+      margin-left: 16px;
+      border: none;
+    }
+  }
+}
+</style>