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.
shop-pc/pages/account/index.vue

80 lines
1.6 KiB

<!--
* @Author: ch
* @Date: 2022-05-08 17:48:36
* @LastEditors: ch
* @LastEditTime: 2022-05-09 22:06:37
* @Description: file content
-->
<template>
<<<<<<< HEAD
<div class="c-white-main" style="padding-top:350px">
<div class="account">
<div class="account--nav">左侧栏</div>
<nuxt-child class="account--main"/>
</div>
</div>
=======
<div class="account">
<div class="account--nav">左侧栏</div>
<nuxt-child class="account--main" />
</div>
>>>>>>> feature/task1.0.0
</template>
<script>
export default {
name: "Account",
data() {
return {
navTabs: [
{
label: "个人中心",
childrens: [
{ label: "我的主页", value: "/home" },
{ label: "消息通知", value: "/message" },
],
},
{
label: "订单中心",
childrens: [
{ label: "我的订单", value: "/order/lsit" },
{ label: "售后订单", value: "/order/saleAfter" },
],
},
{
label: "账户管理",
childrens: [
{ label: "个人资料", value: "/userInfo" },
{ label: "收货地址", value: "/address" },
],
},
],
};
},
};
</script>
<style lang="scss" scoped>
<<<<<<< HEAD
.account{
padding: 30px 0;
margin: 0 auto;
=======
.account {
@include layout-box;
padding-top: 370px;
margin: 0 auto;
>>>>>>> feature/task1.0.0
display: flex;
&--nav {
width: 170px;
height: 300px;
border: 1px solid #ddd;
border-radius: 4px;
margin-right: 30px;
}
&--main {
flex: 1;
}
}
</style>