4-forum_django_vue论坛前端个人中心菜单

<template>
    <div style="overflow-x: hidden;">
        <div class="breadcrumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="breadcrumb-wrap ">
                            <h2 class="hh">个人中心</h2>

                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="">
            <div class="row">
                <div class="col-lg-3" >
                    <div style="text-align: center;background-color: #185e2f;padding-top: 50px; ">
                        <img     style="width: 100px;height: 100px;border-radius: 50%">

                        <br>
                        <br>
                        <p style="color: #f3f3f3;">你好，xx</p>

                        <br>


                    </div>
                    <div  style="background-color: #333;">
                        <br>



                        <router-link to="123" class="default-btn"><i class="el-icon-s-cooperation"></i>xxx </router-link>

                        <p style="font-size: 13px;text-align: center;">注册时间 xxx</p>
                        <br><br><br><br><br><br><br><br><br><br><br><br><br>

                    </div>

                </div>
                <div class="col-lg-9" >
                    <router-view></router-view>
                </div>
            </div>
        </div>

    </div>







</template>

.default-btn{display: block;text-align: center;color: #ddd;line-height: 40px;}