update

mobile-code/src/pages/ad/add.vue

@@ -3,24 +3,35 @@
         <!-- 广告信息 -->
 		<div class="module-com input-line-wrap">
 			<tui-list-cell class="line-cell" :hover="false">
-				<div class="tui-title">收花人姓名</div>
+				<div class="tui-title">广告图名称</div>
 				<input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入姓名" maxlength="50" type="number" />
 			</tui-list-cell>
-			<tui-list-cell class="line-cell" :hover="false">
-				<div class="tui-title">电话</div>
-				<input v-model="form.receiveMobile" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="请输入电话" maxlength="50" type="number" />
+			<tui-list-cell class="line-cell" :arrow="true">
+				<div class="tui-title">开始时间</div>
+				<picker mode="date" :value="form.reachTime" @change="selTimeFn" class="tui-input">
+					<div v-if="form.reachTime">{{ form.reachTime }}</div>
+					<div class="tui-placeholder" v-else>请选择</div>
+				</picker>
 			</tui-list-cell>
-			<tui-list-cell class="line-cell" :hover="false" :arrow="true" @click="selRegionFn">
-				<div class="tui-title">收花人地址</div>
-				<div class="tui-input">{{ form.receiveFullAddress }}</div>
+			<tui-list-cell class="line-cell" :arrow="true">
+				<div class="tui-title">到期时间</div>
+				<picker mode="date" :value="form.reachTime" @change="selTimeFn" class="tui-input">
+					<div v-if="form.reachTime">{{ form.reachTime }}</div>
+					<div class="tui-placeholder" v-else>请选择</div>
+				</picker>
 			</tui-list-cell>
-			<tui-list-cell class="line-cell" :hover="false">
-				<div class="tui-title">详细地址</div>
-				<input v-model="form.receiveFullAddress" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="小区、大厦或街道名称，如金尚小区" maxlength="50" type="number" />
+			<tui-list-cell class="line-cell between" :hover="false" @click="selRegionFn">
+				<div class="tui-title">马上开启</div>
+				<div class="">
+				    <switch checked @change="switchChangeFn" />
+                </div>
 			</tui-list-cell>
+		</div>
+        <!--  -->
+		<div class="module-com input-line-wrap">
 			<tui-list-cell class="line-cell" :hover="false">
-				<div class="tui-title">门牌号</div>
-				<input v-model="form.receiveFloor" placeholder-class="phcolor" class="tui-input" name="phone" placeholder="楼号门牌号，如23号403室 (选填)" maxlength="50" type="number" />
+				<div class="tui-title">广告图名称</div>
+				<input v-model="form.receiveUserName" placeholder-class="phcolor" class="tui-input" name="name" placeholder="请输入姓名" maxlength="50" type="number" />
 			</tui-list-cell>
 		</div>
     </div>
@@ -37,9 +48,21 @@ export default {
 		return {
 			form: {}
 		}
+	},
+	methods: {
+		selTimeFn(e) {
+			this.form.reachTime = e.detail.value
+		}
 	}
 }
 </script>
 
 <style lang="scss" scoped>
+.app-content {
+    min-height: calc(100vh - 20px);
+    padding-top: 20px;
+}
+.module-com {
+    margin-bottom: 20px;
+}
 </style>

mobile-code/src/static/css/common.scss

@@ -133,6 +133,9 @@ body {
 .input-line-wrap {
     // 公共
     .line-cell {
+        &.between {
+            justify-content: space-between;
+        }
         .tui-title {
             width: 210px;
             color: $fontColor2;
@@ -141,6 +144,10 @@ body {
             width: calc(100% - 210px);
             font-size: 28px;
         }
+        .tui-operate {
+            width: calc(100% - 210px);
+            font-size: 28px;
+        }
         .tui-placeholder {
             color: #ccc;
         }