<template> <div class="hasaccount" > <div class="text"> 您的看课权限已授权子账号({{userDetail.nickname}}),解除授权即可恢复本账号的看课权限 </div> <div class="nav"> <img @click="go" :src="icon_more" alt=""> <p>去恢复本账号的看课权限</p> </div> <bottom-tab ref="bottomTab"></bottom-tab> </div> </template> <script> import icon_more from '../../assets/newLesson/icon_more@2x.png' import { subAccountinfoApi } from "../../service/api"; import bottomTab from "../public/bottomTab"; export default { name: "hasaccount", components: { bottomTab }, data(){ return{ icon_more:icon_more, userDetail:{} } }, mounted() { subAccountinfoApi().then(res =>{ this.userDetail= res }) }, methods:{ go(){ this.$router.push({ name: "subAccount", }); } } } </script> <style scoped lang="less"> @import "../../util/public"; .hasaccount{ .text{ width: 261*@toVw; margin-top: 70*@toVw; text-align: center; font-size: 17*@toVw; font-weight: 500; } .nav{ text-align: center; margin-top:30vh; font-size: 13*@toVw; img{ width: 82*@toVw; } p{color: #666666;margin-top: 13*@toVw;} } } </style>