标题与查看更多

 

<div class="nav">

                    <div class="left">开放交流</div>

                    <div class="right" @click="lecturemore">查看更多<el-icon><ArrowRight /></el-icon></div>

                </div>

 

.nav{

                    height: 48px;

                    border-bottom: 1px solid rgba(0, 0, 0, 0.15);

                    display: flex;

                    justify-content: space-between;

                    .left{

                        line-height: 48px;

                        border-bottom: 2px solid #2254B4;

                        color: #2254B4;

                        font-weight: bold;

                    }

                    .right{

                        line-height: 48px;

                        font-size: 12px;

                        color: #9497A1;

                        cursor: pointer;

                        &:hover{

                            color: #ccc;

                        }

                    }

                }