默认提交

@@ -5,7 +5,7 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "dev": "vue-cli-service serve",
-    "build": "vue-cli-service build --no clean",
+    "build": "vue-cli-service build",
     "sandbox": "vue-cli-service build --mode sandbox",
     "lint": "vue-cli-service lint",
     "oss": "node build/oss-released.js"

@@ -59,6 +59,11 @@ html {
   box-sizing: border-box;
 }
 
+html,
+body {
+  -webkit-text-size-adjust: none;
+}
+
 body,
 div {
   border: 0;
@@ -232,6 +237,31 @@ input::-webkit-search-cancel-button {
   display: none;
 }
 
+// input::-webkit-input-placeholder {
+//   color: $cGray !important;
+// }
+
+::-webkit-input-placeholder {
+  /* WebKit, Blink, Edge */
+  color: $cGray;
+  opacity: 1;
+}
+:-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  color: $cGray;
+  opacity: 1;
+}
+::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  color: $cGray;
+  opacity: 1;
+}
+:-ms-input-placeholder {
+  /* Internet Explorer 10-11 */
+  color: $cGray;
+  opacity: 1;
+}
+
 textarea {
   outline: none;
   border-radius: 0;
@@ -263,21 +293,18 @@ textarea {
 }
 
 .content {
-  // width: 1024px;
   max-width: 1024px;
   width: 100%;
   margin: 0 auto;
 }
 
 .box-w {
-  // width: 1024px;
   max-width: 1024px;
   width: 100%;
   margin: 0 auto;
 }
 
 .box {
-  // width: 950px;
   max-width: 950px;
   width: 100%;
   margin: 0 auto;

@@ -64,19 +64,19 @@ module.exports = {
 				]
 			},
 			{
-				name: "新聞資訊",
+				name: "新闻资讯",
 				path: "/news/list",
 				list: []
 			},
 			{
-				name: "關於平安人壽",
+				name: "关于平安人寿",
 				path: "",
 				list: [{
-						name: "公司簡介",
+						name: "公司简介",
 						path: "/profile"
 					},
 					{
-						name: "領導人概況",
+						name: "领导人概况",
 						path: ""
 					},
 				]

@@ -8,7 +8,7 @@
 
   .footer-containter {
     margin: 0 auto;
-    max-width: 950px;
+    // max-width: 950px;
 
     .cont {
       margin-left: 3.166667rem;
@@ -35,7 +35,9 @@
 
         // 热线
         .hotline {
-          margin-right: 8rem;
+          // margin-right: 8rem;
+          // min-width: 280px;
+          flex: 1;;
 
           .contact {
             .n-item {
@@ -67,7 +69,7 @@
 
           .n-item {
             cursor: pointer;
-            min-width: 15rem;
+            min-width: 14rem;
           }
         }
 

 
 <template>
-	<footer class="v-footer">
-		<div class="footer-containter">
+	<footer class="v-footer ">
+		<div class="footer-containter box">
 			<div class="cont">
 				<div class="logo-wrap">
 					<img class="logo-img" src="@/assets/images/home/footer-logo.png" alt="中国平安人寿保险">

@@ -51,6 +51,8 @@
       .textarea {
         min-height: 8.75rem;
         border-radius: 1rem;
+        @extend .bb;
+        padding: .75rem;
       }
 
       .down-arrow {

@@ -52,7 +52,7 @@
 						<img src="@/assets/images/reservation/icon-re-arrow-reservation.png">預約說明
 					</div>
 					<div class="ipt-wrap">
-						<textarea class="ipt textarea"></textarea>
+						<textarea placeholder="非必填，字数不超过500字，提示文字“请简单说明您想要咨询的险种或业务”" class="ipt textarea"></textarea>
 					</div>
 				</div>
 
@@ -61,8 +61,8 @@
 						<img src="@/assets/images/reservation/icon-re-custom.png">是否平安香港客戶
 					</div>
 					<div class="cont">
-						<div class="boo-btn active">是</div>
-						<div class="boo-btn">不是</div>
+						<div class="boo-btn pointer active">是</div>
+						<div class="boo-btn pointer">不是</div>
 					</div>
 				</div>
 

@@ -27,7 +27,6 @@ $colorGray: #475669;
 $colorBlack: #000;
 $colorRed: #FF4949;
 $colorYellow: #F7BA2A;
-
 $color: #787878;
 $colorLink: #1D8CE0;
 
@@ -39,3 +38,9 @@ $fontSizeSmall: 28px;
 $fontSizeSmaller: 24px;
 $fontSizeLarge: 36px;
 $fontSizeLarger: 44px;
+
+
+$cOrange:#f05a23;
+$cGreen:#006441;
+$cGray:#bfbfbf;
+$cDark:#dcdcdc;