|
@@ -1,9 +1,11 @@
|
|
|
<template>
|
|
|
<div class="place-order">
|
|
|
<h3>placeOrder</h3>
|
|
|
+ <toast v-model="show" text="Hello World"></toast>
|
|
|
<div v-transfer-dom>
|
|
|
<x-dialog v-model="show" class="dialog-demo">
|
|
|
<div class="img-box">
|
|
|
+ <img :src="assets" alt="">
|
|
|
</div>
|
|
|
<div @click="show=false">
|
|
|
<span class="vux-close"></span>
|
|
@@ -29,7 +31,7 @@
|
|
|
<script>
|
|
|
import config from '../config/config'
|
|
|
import {mapState, mapActions} from 'vuex'
|
|
|
- import { XDialog, XButton, Group, XSwitch, TransferDomDirective as TransferDom } from 'vux'
|
|
|
+ import { XDialog, XButton, Group, XSwitch, TransferDomDirective as TransferDom, Toast } from 'vux'
|
|
|
export default {
|
|
|
name: 'placeOrder',
|
|
|
data () {
|
|
@@ -37,7 +39,8 @@
|
|
|
productBox: config.productInfo,
|
|
|
extraB: config.productInfo.extra,
|
|
|
isActive: -1,
|
|
|
- show: true
|
|
|
+ show: true,
|
|
|
+ assets: 'https://static.vux.li/demos/v2/static/img/01.06186f7.jpg'
|
|
|
}
|
|
|
},
|
|
|
directives: {
|
|
@@ -47,7 +50,8 @@
|
|
|
XDialog,
|
|
|
XButton,
|
|
|
Group,
|
|
|
- XSwitch
|
|
|
+ XSwitch,
|
|
|
+ Toast
|
|
|
},
|
|
|
beforeCreate () {},
|
|
|
computed: {
|