<template> <div> <div class="success-img"> <img style="width: 160px;height: 160px" src="./../../assets/img/empty-image-default.png"/> <div class="tips"> <slot name="content">暂无数据...</slot> </div> </div> <!--<div class="backHome"> <slot name="btn"> <mt-button type="primary" @click="backHome">返回首页</mt-button> </slot> </div>--> </div> </template> <script> import {callMobile} from "../../utils/common"; export default { name: "noData", methods: { backHome(){ callMobile("goIndex", {}); }, } } </script> <style scoped> .tips{ color: #747971; font-size: 14px; padding: 10px 30px 20px; margin: 0 auto; } .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>