修改

src/components/Ticket/FillItinerary.vue

@@ -287,20 +287,22 @@
             
         </div>
         <!-- 网上购票须知弹窗 -->
-        <el-dialog custom-class='w800' title="网上购票须知" :visible.sync="showTips" center>
-            <div class="buyTicketxu">
-                <div>1.购买我司机票为团队机票，需起飞前3天出票，提供票号。</div> 
-                <div>2.购买我司机票为团队机票，若起飞提前7天内此团未拼成团，不低于（10人）我司无责任取消，支付的金额原路退回</div> 
-                <div>3.购买我司机票为团队机票，支付后此票 不退、不签、不改，请您知晓！</div> 
-                <div>4.购买我司机票为团队机票，名字出票后，不可更换字母，不可换人</div> 
-                <div>5.购买我司机票为团队机票，大人、孩童同价，婴儿我社无权代理出票，请您致电航司电话进行购买婴儿票</div> 
-                <div>6.购买我司机票为团队机票，最终解释权归四川和平国际旅行社有限公司所有</div> 
+        <el-dialog custom-class='buyTicketRule' title="网上购票须知" :visible.sync="showTips" center>
+            <div class="buyTicketxu" style="margin-top:10px;">
+                <div>1、购买我司机票为团队机票，需起飞前3天出票，提供票号。</div> 
+                <div>2、购买我司机票为团队机票，若起飞提前7天内此团未拼成团，不低于（10人）我司无责任取消，支付的金额原路退回</div> 
+                <div>3、购买我司机票为团队机票，支付后此票 不退、不签、不改，请您知晓！</div> 
+                <div>4、购买我司机票为团队机票，名字出票后，不可更换字母，不可换人</div> 
+                <div>5、购买我司机票为团队机票，大人、孩童同价，婴儿我社无权代理出票，请您致电航司电话进行购买婴儿票</div> 
+                <div>6、购买我司机票为团队机票，最终解释权归四川和平国际旅行社有限公司所有</div> 
             </div>
         </el-dialog>
         <!-- 验证是否可以下单弹窗 -->
-        <el-dialog custom-class='w400' title="温馨提示" :visible.sync="OrderTips" center>
-            <div class="buyTicketxu" style="color:red;">
-                <div>该时间段无法下单，下单时间为9:30-20:00</div> 
+        <el-dialog custom-class='warmTips' title="温馨提示" :visible.sync="OrderTips" center>
+            <img class="warmLight" src="../../assets/img/ticket/warmTips.png" alt=""/>
+            <div class="buyTicketxu warmXiadan">
+                <div>该时间段无法下单</div>
+                <div>下单时间为<span style="font-weight:bold;">9:30-20:00</span></div> 
             </div>
         </el-dialog>
     </div>
@@ -1045,6 +1047,34 @@ font-size: 14px;
 .buyTicketxu div{
     margin-bottom:10px;
 }
-.w800{width: 800px;}
-.w400{width:400px;}
+.buyTicketRule{width: 414px;background-color: #F1F4F7; border-radius:10px;border:4px solid #ABBED4;}
+.buyTicketRule .el-dialog__body{
+    color:#333333
+}
+.buyTicketRule .el-dialog__header ,.warmTips .el-dialog__header{
+    padding:0;
+}
+.buyTicketRule .el-dialog__title ,.warmTips .el-dialog__title{
+    display:inline-block;
+    width:174px;
+    height:37px;
+    background-color: #ABBED4;
+    color:#fff;
+    font-size:16px;
+    line-height: 37px;
+    font-weight: bold;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+.warmTips{width: 370px;background-color: #F1F4F7; border-radius:10px;border:4px solid #ABBED4;}
+.warmLight{
+    width:96px;
+    margin-left:105px;
+}
+.warmXiadan{
+    width:100%;
+    text-align:center;
+    margin-top:20px;
+    color:#333333;
+}
 </style>

src/components/Ticket/TicketPaybefore.vue

@@ -20,15 +20,15 @@
         text-align:left;
     }
     .LookBtn{
-        width:70px;
-        height:30px;
+        width:85px;
+        height:35px;
         background-color: #EE4454;
         color:#fff;
         border: none;
         outline: none;
         cursor: pointer;
         border-radius: 4px;
-        margin:43px 0 0 60px;
+        margin:43px 0 0 50px;
     }
 </style>
 

src/views/index.vue

@@ -49,7 +49,9 @@ export default {
         }
         //this.loadSize()
         //this.goUrl('2-1')
-        this.minHeight=document.documentElement.clientHeight-171
+        //this.minHeight=document.documentElement.clientHeight-171
+        this.minHeight=document.documentElement.clientHeight-400
+
         console.log(this.minHeight)
         let userAgentInfo = navigator.userAgent;
         let Agents = ["Android", "iPhone",