<template> <div> <mt-header title="领取成功" v-if="showNav()"> <div slot="left" @click="goBack"> <mt-button icon="back"></mt-button> </div> </mt-header> <div class="success-img"> <img src="../assets/img/receiveSuccess.png"/> <div class="tips"> 温馨提示:对于同一种避孕药具,一个人一个季度最多领取三盒 </div> </div> <div class="backHome"> <mt-button type="primary" @click="backHome">返回首页</mt-button> </div> </div> </template> <script> import {callMobile, showNav} from "../utils/common"; export default { name: "receiveSuccess", inject: ['showNav'], data() { return {} }, created() { if (!this.showNav()) { document.title = '领取成功' } }, methods:{ goBack() { window.history.go(-1) }, backHome(){ callMobile("goIndex", {}); } } } </script> <style scoped> .tips{ color: #747971; font-size: 14px; padding: 10px 30px 20px; } .success-img{ text-align: center; padding-top: 100px; } .backHome { position: fixed; z-index: 2; left: calc(50% - 155px); } .backHome .mint-button { width: 311px; height: 44px; background: linear-gradient(242deg, #dff9b9 -27%, #1bd09f 85%); border-radius: 22px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); } </style>