美化按钮

Author: bigrocs

resources/mixes/vue-omnipay/src/components/app/app.vue

@@ -9,7 +9,6 @@
           <p>订单编号：{{ order.order_id }}</p>
           <p>创建时间：{{ order.created_at }}</p>
         </div>
-        <button type="button" @click="initPay()" v-if="isWechatBrowser" >确认支付</button>
       </div>
       <div class="right" v-if="!showQrcode">
         <div class="paid" v-if=" order.status == 'paid' ">
@@ -21,6 +20,7 @@
           <span>未支付</span>
         </div>
         <p>订单号：{{ order.query_id }}</p>
+        <el-button type="success" @click="initPay()" v-if="isWechatBrowser" >确认支付</el-button>
       </div>
       <div class="right-wechat" v-else >
         <div class="pic">

resources/mixes/vue-omnipay/src/main.js

@@ -5,7 +5,9 @@ import 'font-awesome/css/font-awesome.css'
 window._ = require('lodash')
 import Echo from 'laravel-echo'
 import Pusher from 'pusher-js'
+import ElementUI from 'element-ui'
 import BuilderVueElement from 'builder-vue-element'
+Vue.use(ElementUI)
 Vue.use(BuilderVueElement)
 
 window.Pusher = Pusher