You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
1.9 KiB
86 lines
1.9 KiB
<template>
|
|
<div class="main">
|
|
<div class="top-header">
|
|
<span class="back" @click="toBack"></span>
|
|
<p>下单成功</p>
|
|
</div>
|
|
<div class="result-main">
|
|
<img src="@assets/images/xd-status.png" alt="" />
|
|
<p>恭喜，您已成功下单</p>
|
|
<span class="tip">我们会尽快完成审核工作，请耐心等待！</span>
|
|
<div class="result-btn">
|
|
<span>查看订单</span>
|
|
<span class="result-btn-more" @click="toMoreOrder">再下一单</span>
|
|
</div>
|
|
</div>
|
|
<TabBar :tabCur.sync="tabCur" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { Toast } from 'vant'
|
|
import { reactive, computed, onMounted, getCurrentInstance, toRefs } from 'vue'
|
|
import TabBar from '@/components/tabBar/index.vue'
|
|
export default {
|
|
name: 'Cart',
|
|
components: { TabBar },
|
|
setup() {
|
|
const { proxy } = getCurrentInstance()
|
|
let data = reactive({
|
|
tabCur: 1
|
|
})
|
|
onMounted(() => {})
|
|
let toBack = () => {
|
|
proxy.$router.go(-1);
|
|
}
|
|
let toMoreOrder = () =>{
|
|
location.href = './';
|
|
}
|
|
return {
|
|
...toRefs(data),
|
|
toBack,
|
|
toMoreOrder
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.result-main{
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding-top: 1.875rem;
|
|
img{
|
|
display: block;
|
|
width: 2.5rem;
|
|
}
|
|
p{
|
|
margin: .4rem 0 .1rem 0;
|
|
font-size: .4rem;
|
|
font-weight: bold;
|
|
}
|
|
.tip{
|
|
font-size: .26rem;
|
|
}
|
|
.result-btn{
|
|
margin-top: 0.8rem;
|
|
span{
|
|
display: inline-block;
|
|
width: 2.4rem;
|
|
height: .8rem;
|
|
line-height: .8rem;
|
|
margin: 0 .21rem;
|
|
font-size: .32rem;
|
|
text-align: center;
|
|
color: #5A86F4;
|
|
border: 1px solid #5A86F4;
|
|
border-radius: .49rem;
|
|
&.result-btn-more{
|
|
background-color: #5A86F4;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|