7-29

main.js

@@ -1,6 +1,9 @@
 import Vue from 'vue'
 import store from './store'
 import App from './App'
+
+import uView from "uview-ui";
+
 /**
  *  所有测试用数据均存放于根目录json.js
  *  
@@ -29,7 +32,7 @@ const prePage = ()=>{
 	// #endif
 	return prePage.$vm;
 }
-
+Vue.use(uView);
 
 Vue.config.productionTip = false
 Vue.prototype.$fire = new Vue();

pages.json

@@ -55,7 +55,18 @@
 					}
 				}
 			}
-		}, {
+		}, 
+		{
+			"path": "pages/index/appointment",
+			"style": {
+				"navigationBarTitleText": "自动预约",
+				"app-plus": {
+					"titleNView": {
+						
+					}
+				}
+			}
+		},{
 			"path": "pages/public/login",
 			"style": {
 				"navigationBarTitleText": "登录",

pages/index/appointment.vue

@@ -0,0 +1,30 @@
+<template>
+	<view class="appointment-top">
+		自动预约
+		<u-switch v-model="checked"></u-switch>
+	</view>
+</template>
+
+<script>
+	// import uSwitch from 
+	export default {
+		data() {
+			return {
+				checked:false
+			};
+		},
+		methods: {
+			//switch打开或者关闭时触发，值为true或者false
+			//即使不监听此事件，this.checked此时也会相应的变成true或者false
+		}
+	}
+</script>
+
+<style lang="scss">
+	.appointment-top {
+		width: 690px;
+		height: 200px;
+		background: #FFFFFF;
+		border-radius: 20px;
+	}
+</style>

pages/index/index.vue

@@ -16,7 +16,7 @@
 						<image src="../../static/img/index3.png" style="width: 385rpx; height: 216rpx; " mode="">
 						</image>
 					</view>
-					<view class="navBox-item" @click="nav()">
+					<view class="navBox-item" @click="nav('/pages/index/appointment')">
 						<image src="../../static/img/index6.png"
 							style="width: 339rpx; height: 170rpx; margin-top: -12rpx;" mode=""></image>
 					</view>