公共样式

App.vue

@@ -50,7 +50,7 @@
 		height: 100%;
 		margin:0 auto;
 		padding: 0;
-		background: #F2F2F2;
+		background: #F8F6F9;
 		-webkit-text-size-adjust: 100%;
 		font-family: PingFangSC-Regular,sans-serif;
 		font-weight: 400;
@@ -151,4 +151,27 @@
 		padding-bottom: constant(safe-area-inset-bottom);
 		padding-bottom: env(safe-area-inset-bottom);
 	}
+	.btn{
+		text-align: center;
+	}
+	.primary.btn{
+		background-color: #39D067;
+		color: #FFFFFF;
+	}
+	.cancel.btn{
+		background-color: #F1F2F3;
+		color: #616266;
+	}
+	.btn.btn1{
+		width: 300rpx;
+		height: 90rpx;
+		line-height: 90rpx;
+		border-radius: 12rpx;
+	}
+	.btn.btn2{
+		width: 666rpx;
+		height: 92rpx;
+		line-height: 92rpx;
+		border-radius: 16rpx;
+	}
 </style>

manifest.json

@@ -1,5 +1,5 @@
 {
-    "name" : "acupuncture_register_system",
+    "name" : " ",
     "appid" : "__UNI__72348D3",
     "description" : "",
     "versionName" : "1.0.0",
@@ -68,5 +68,14 @@
     "uniStatistics" : {
         "enable" : false
     },
-    "vueVersion" : "2"
+    "vueVersion" : "2",
+    "h5" : {
+        "router" : {
+            "mode" : "history"
+        },
+        "devServer" : {
+            "port" : 80,
+            "disableHostCheck" : true
+        }
+    }
 }

pages.json

@@ -3,33 +3,32 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "uni-app"
+				"navigationBarTitleText": ""
 			}
 		}
         ,{
             "path" : "pages/test/test",
-            "style" :                                                                                    
+            "style" :
             {
                 "navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
-            
         }
         ,{
             "path" : "pages/login/login",
-            "style" :                                                                                    
+            "style" :
             {
                 "navigationBarTitleText": "",
                 "enablePullDownRefresh": false
             }
-            
         }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
-		"navigationBarTitleText": "uni-app",
+		"navigationBarTitleText": "",
 		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F8F8F8"
+		"backgroundColor": "#F8F8F8",
+		"navigationStyle":"custom"
 	},
 	"uniIdRouter": {}
-}
+}

pages/index/index.vue

@@ -1,5 +1,8 @@
 <template>
-	<view class="content">
+	<view class="indexPage">
+		<view class="primaryBtn">
+			
+		</view>
 	</view>
 </template>
 
@@ -10,37 +13,17 @@
 			}
 		},
 		onLoad() {
+			uni.setNavigationBarTitle({
+				title: '李静医生预约就诊'
+			});
 		},
 		methods: {
-
 		}
 	}
 </script>
 
-<style>
-	.content {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-	}
-
-	.logo {
-		height: 200rpx;
-		width: 200rpx;
-		margin-top: 200rpx;
-		margin-left: auto;
-		margin-right: auto;
-		margin-bottom: 50rpx;
-	}
-
-	.text-area {
-		display: flex;
-		justify-content: center;
-	}
+<style lang="scss" scoped>
+	.index-page{
 
-	.title {
-		font-size: 36rpx;
-		color: #8f8f94;
 	}
 </style>

static/images/frontend/index_comback.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" width="20px" height="32px" viewBox="0 0 20.0 32.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="i0"><path d="M750,0 L750,2009 L0,2009 L0,0 L750,0 Z"></path></clipPath></defs><g transform="translate(-503.0 -806.0)"><g clip-path="url(#i0)"><g transform="translate(18.0 393.0)"><g transform="translate(25.0 406.0)"><g transform="translate(460.0 7.0)"><g transform="translate(9.0 8.0)"><path d="M0,0 L6,8 L0,16" stroke="#000000" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g></g></g></g></g></g></svg>

static/images/frontend/index_comback2.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" width="20px" height="32px" viewBox="0 0 20.0 32.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="i0"><path d="M750,0 L750,2009 L0,2009 L0,0 L750,0 Z"></path></clipPath></defs><g transform="translate(-689.0 -1346.0)"><g clip-path="url(#i0)"><g transform="translate(18.0 393.0)"><g transform="translate(1.0 912.0)"><g transform="translate(557.0 41.0)"><g transform="translate(113.0 0.0)"><g transform="translate(9.0 8.0)"><path d="M0,0 L6,8 L0,16" stroke="#AEB0B7" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"></path></g></g></g></g></g></g></g></svg>