服装智能制造软件平台V3.0
http://182.92.169.222/hhxy/#/user/login
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.
94 lines
2.1 KiB
94 lines
2.1 KiB
2 years ago
|
<template>
|
||
|
|
<div class="gerenzhongxin">
|
||
|
|
<Header></Header>
|
||
|
|
<div class="bg"></div>
|
||
|
|
<div class="info jz d-flex">
|
||
|
|
<img src="../assets/photo.png">
|
||
|
|
<p class="f_36 c_1B">welcome, 用户名</p>
|
||
|
|
<a>量体数据</a>
|
||
|
|
</div>
|
||
|
|
<div class="jz">
|
||
|
|
<a-tabs default-active-key="1" :tabBarGutter="200" @change="callback">
|
||
|
|
<a-tab-pane key="1" tab="我的账户">
|
||
|
|
我的账户
|
||
|
|
</a-tab-pane>
|
||
|
|
<a-tab-pane key="2" tab="我的收藏" force-render>
|
||
|
|
我的收藏
|
||
|
|
</a-tab-pane>
|
||
|
|
<a-tab-pane key="3" tab="地址管理">
|
||
|
|
地址管理
|
||
|
|
</a-tab-pane>
|
||
|
|
<a-tab-pane key="4" tab="发票管理" force-render>
|
||
|
|
发票管理
|
||
|
|
</a-tab-pane>
|
||
|
|
<a-tab-pane key="5">
|
||
|
|
<span slot="tab">
|
||
|
|
全部订单
|
||
|
|
<a-icon type="down" />
|
||
|
|
</span>
|
||
|
|
全部订单
|
||
|
|
</a-tab-pane>
|
||
|
|
</a-tabs>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<Footer></Footer>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import Header from "../components/Header/HeaderView";
|
||
|
|
import Footer from "../components/Footer/FooterView"
|
||
|
|
export default {
|
||
|
|
name: "gerenzhongxin",
|
||
|
|
components: { Header,Footer },
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
callback(key) {
|
||
|
|
console.log(key);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<!--<style>-->
|
||
|
|
<!-- .gerenzhongxin .top .middle .router-link-exact-active.router-link-active {-->
|
||
|
|
<!-- border-bottom: 2px solid #000;-->
|
||
|
|
<!-- }-->
|
||
|
|
<!--</style>-->
|
||
|
|
<style lang="less" scoped>
|
||
|
|
@import '../assets/common.css';
|
||
|
|
.bg{
|
||
|
|
width: 100%;
|
||
|
|
height: 250px;
|
||
|
|
background-image: url("../assets/bg05.png");
|
||
|
|
}
|
||
|
|
.info{
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: -75px;
|
||
|
|
img{
|
||
|
|
width: 150px;
|
||
|
|
height: 150px;
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
p{
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
a{
|
||
|
|
color: #666;
|
||
|
|
font-size: 16px;
|
||
|
|
margin-bottom: 60px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/*/deep/ .ant-tabs-nav{*/
|
||
|
|
/* width: 100%;*/
|
||
|
|
/* & >div{*/
|
||
|
|
/* display: flex;*/
|
||
|
|
/* justify-content: space-around;*/
|
||
|
|
/* }*/
|
||
|
|
/*}*/
|
||
|
|
</style>
|
||
|
|
|