fix bug

src/views/official/DataPay.vue

@@ -4,6 +4,7 @@
             <el-col v-for="(item,index) in data"
                     :key="index"
                     :md="span"
+                    :offset="index==0?4:0"
                     :sm="12"
                     :xs="24"
             >
@@ -75,6 +76,7 @@
 
 <script>
 import CountTo from '@/components/CountTo'
+
 export default {
     name: 'DataPay',
     components: {CountTo},
@@ -114,6 +116,7 @@ export default {
   -webkit-box-shadow: 1px 2px 10px #eee;
   box-shadow: 1px 2px 10px #eee;
 }
+
 .data-pay .top {
   width: 100%;
   height: 6px;
@@ -122,42 +125,51 @@ export default {
   left: 0;
   border-radius: 4px 4px 0 0;
 }
+
 .data-pay .header {
   margin-bottom: 40px;
   text-align: center;
 }
+
 .data-pay .title {
   text-align: center;
   padding: 20px 0 10px;
   font-size: 20px;
   font-weight: 200;
 }
+
 .data-pay .money span {
   margin-right: 5px;
   font-size: 14px;
 }
+
 .data-pay .money .b {
   margin-right: 2px;
   font-size: 20px;
   font-weight: 700;
 }
+
 .data-pay .money s {
   margin-right: 3px;
   font-size: 12px;
 }
+
 .data-pay .money em {
   font-size: 14px;
   font-style: normal;
 }
+
 .data-pay .img {
   width: 50px;
 }
+
 .data-pay .line {
   width: 60%;
   height: 1px;
   background: rgba(150, 150, 150, 0.1);
   margin: 20px auto;
 }
+
 .data-pay .btn {
   display: block;
   width: 120px;
@@ -171,6 +183,7 @@ export default {
   -webkit-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
 }
+
 .data-pay .list-item {
   list-style: none;
   padding-left: 20px;
@@ -178,17 +191,21 @@ export default {
   color: #666;
   font-size: 14px;
 }
+
 .data-pay .list-item a {
   color: #666;
 }
+
 .data-pay .list-item-icon {
   color: #515a6e;
   margin-right: 8px;
 }
+
 .data-pay .list-item--link {
   font-size: 12px;
   color: #2d8cf0;
 }
+
 .data-pay .list-item--no,
 .data-pay .list-item--no + span {
   color: #c5c8ce;

src/views/official/PayService.vue

@@ -27,7 +27,7 @@ export default {
                         color: '#2054F0FF',
                         subtext: '购买',
                         click: function() {
-                            MessageBox.alert('暂无', '添加客服微信', {
+                            MessageBox.alert('<img src="https://qiniu.smileyi.top/pay_qrcode1.jpg"/>', '添加客服微信', {
                                 dangerouslyUseHTMLString: true
                             })
                         },
@@ -45,30 +45,7 @@ export default {
                                 check: true
                             },
                             {
-                                title: '稳定部署，专业团队',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            }, {
-                                title: 'XXXX',
+                                title: '服务稳定，持久耐用',
                                 check: true
                             }
                         ]
@@ -81,7 +58,7 @@ export default {
                         tip: '/起',
                         subtext: '购买',
                         click: function() {
-                            MessageBox.alert('暂无', '添加客服微信', {
+                            MessageBox.alert('<img src="https://qiniu.smileyi.top/pay_qrcode2.jpg"/>', '添加客服微信', {
                                 dangerouslyUseHTMLString: true
                             })
                         },
@@ -97,34 +74,6 @@ export default {
                             {
                                 title: '效果满意，价格美丽',
                                 check: true
-                            },
-                            {
-                                title: 'XXXXX',
-                                check: true
-                            },
-                            {
-                                title: 'xXXXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXX',
-                                check: true
-                            },
-                            {
-                                title: 'XXXXX',
-                                check: true
                             }
                         ]
                     }]