替换logo,用户中心布局上的调整

This commit is contained in:
daihh
2022-10-08 19:16:06 +08:00
parent 5ec0f5e8be
commit c23e0c838d
8 changed files with 35 additions and 20 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 KiB

View File

@@ -15,7 +15,7 @@
<div class="user-content"> <div class="user-content">
<div class="content-top"> <div class="content-top">
<h6 content-bottom><router-link to="/homePage"> {{userData.data.name}}</router-link> <h6 content-bottom><router-link to="/home/index"> {{userData.data.name}}</router-link>
</h6> </h6>
<div class="grade"> <div class="grade">
<div>{{userData.level}}</div> <div>{{userData.level}}</div>
@@ -23,7 +23,7 @@
</div> </div>
<el-button round plain class="btn-user" size="small" v-if="pageId != userInfo.aid && !isFollowHas" @click="toFollow()">关注TA</el-button> <el-button round plain class="btn-user" size="small" v-if="pageId != userInfo.aid && !isFollowHas" @click="toFollow()">关注TA</el-button>
<el-button round plain class="btn-user" size="small" v-if="isFollowHas">已关注</el-button> <el-button round plain class="btn-user" size="small" v-if="isFollowHas">已关注</el-button>
<el-button round plain class="btn-user" size="small"><router-link :to="'/homePage/leavingMessage?id='+pageId">去留言</router-link></el-button> <el-button round plain class="btn-user" size="small"><router-link :to="'/home/leaving?id='+pageId">去留言</router-link></el-button>
</div> </div>
<div class="content-bottom"> <div class="content-bottom">
<p class="portal-summary-text">{{userData.data.sign}}</p> <p class="portal-summary-text">{{userData.data.sign}}</p>

View File

@@ -56,7 +56,7 @@
methods:{ methods:{
toHome() { toHome() {
// ,query:{id:item.objId || item.id} // ,query:{id:item.objId || item.id}
this.$router.push({path:'/homePage?id='+this.aid}) this.$router.push({path:'/home/index?id='+this.aid})
} }
}, },
watch:{ watch:{

View File

@@ -73,7 +73,7 @@ import { userAvatarText } from "@/utils/tools.js";
methods:{ methods:{
toHome() { toHome() {
// ,query:{id:item.objId || item.id} // ,query:{id:item.objId || item.id}
this.$router.push({path:'/homePage?id='+this.aid}) this.$router.push({path:'/home/index?id='+this.aid})
} }
}, },
watch:{ watch:{

View File

@@ -75,8 +75,8 @@
<div class="person-action-item"> <div class="person-action-item">
<el-dropdown class="person-action-index"> <el-dropdown class="person-action-index">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<span v-if="current == 'qa'" style="color: #333;">学员</span> <span>学员</span>
<span v-else style="color: #fff;">学员</span><i class="el-icon-arrow-down el-icon--right"></i> <i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item><router-link to="/index">学员</router-link></el-dropdown-item> <el-dropdown-item><router-link to="/index">学员</router-link></el-dropdown-item>
@@ -97,12 +97,12 @@
<div v-else><img src="../../public/images/Avatarwoman.png" alt=""></div> <div v-else><img src="../../public/images/Avatarwoman.png" alt=""></div>
</div> </div>
</div> </div>
<div v-if="current == 'qa'" style="color:#333333 ;font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div> <div v-if="current == 'qa'" style="font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div>
<div v-else style="color:#fff;font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div> <div v-else style="font-size: 14px;font-weight: 600;margin-top: 10px;">{{userInfo.name}}</div>
</div> </div>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item> <el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item>
<el-dropdown-item><router-link :to="'/homePage?id='+userInfo.aid">个人主页</router-link></el-dropdown-item> <el-dropdown-item><router-link :to="'/home/index?id='+userInfo.aid">个人主页</router-link></el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> </div>

View File

@@ -8,8 +8,10 @@
<div class="uesr-avaer"> <div class="uesr-avaer">
<img :src="userInfo.avatar" v-if="userInfo.avatar !== '' "> <img :src="userInfo.avatar" v-if="userInfo.avatar !== '' ">
<div v-else class="uavatar"> <div v-else class="uavatar">
<router-link :to="'/home/index?id='+userInfo.aid">
<div v-if="sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div> <div v-if="sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div>
<div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div> <div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div>
</router-link>
</div> </div>
</div> </div>

View File

@@ -4,7 +4,7 @@
<div class="xtop-content"> <div class="xtop-content">
<div class="xtop-left"> <div class="xtop-left">
<div class="xtop-logo"> <div class="xtop-logo">
<router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo2.png" style="width:240px;height: 41px;" /></router-link> <router-link class="routerLink" to="/index"><img src="../../../assets/logo/logo-white.png" style="width:161px;height:27px;" /></router-link>
</div> </div>
<div class="xtop-nav"> <div class="xtop-nav">
<div class="xtop-nav-item"><a :href="`${webBaseUrl}/index`">首页</a></div> <div class="xtop-nav-item"><a :href="`${webBaseUrl}/index`">首页</a></div>
@@ -46,7 +46,8 @@
</el-link> </el-link>
</el-badge> </el-badge>
</div> </div>
<el-dropdown class="person-action-index" style="margin-left: 44px;"> <div>
<el-dropdown class="person-action-index" style="margin-left: 44px;">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<span v-if="current == 'qa'" style="color: #333;">学员</span> <span v-if="current == 'qa'" style="color: #333;">学员</span>
<span v-else style="color: #fff;">学员</span><i class="el-icon-arrow-down el-icon--right"></i> <span v-else style="color: #fff;">学员</span><i class="el-icon-arrow-down el-icon--right"></i>
@@ -58,7 +59,19 @@
<el-dropdown-item v-if="identity == 3 || identity == 5" @click.native="setCurIdentity(3)"><router-link to="/course/manage">管理员</router-link></el-dropdown-item> <el-dropdown-item v-if="identity == 3 || identity == 5" @click.native="setCurIdentity(3)"><router-link to="/course/manage">管理员</router-link></el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<div style="margin-left: 50px;color: #fff;"><el-avatar :src="userInfo.avatar" style="vertical-align: middle;width:40px;height:40px;margin-right:10px;"></el-avatar>{{userInfo.name}}</div> </div>
<div>
<el-dropdown>
<div style="margin-left: 50px;color: #fff;font-size: 14px;cursor: pointer;">
<el-avatar :src="userInfo.avatar" style="vertical-align: middle;width:40px;height:40px;margin-right:10px;"></el-avatar>{{userInfo.name}}
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item @click.native="setCurIdentity(1)"><a :href="`${webBaseUrl}${isTiao ? '/uc/study/task' : '/uc/study/courses'}`">个人中心</a></el-dropdown-item>
<el-dropdown-item><router-link :to="'/home/index?id='+userInfo.aid">个人主页</router-link></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
<!-- <div style="margin-left: 5px;"> <!-- <div style="margin-left: 5px;">
<el-dropdown @command="handleUcCommand"> <el-dropdown @command="handleUcCommand">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
@@ -69,9 +82,9 @@
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</div> --> </div> -->
<div class="person-action"> <div class="person-action">
<el-button @click="logout()" type="text"><svg-icon style="margin-right: 4px;font-size:22px;color: #000;" icon-class="white-out"></svg-icon>登出</el-button> <el-button @click="logout()" type="text"><svg-icon style="margin-right: 4px;font-size:22px;color: #000;" icon-class="white-out"></svg-icon>登出</el-button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -150,21 +150,21 @@ export const constantRoutes = [{
meta: { title: '我的消息', icon: 'dashboard', noCache: true, affix: false }, meta: { title: '我的消息', icon: 'dashboard', noCache: true, affix: false },
}, },
{ {
path: '/homePage', path: '/home',
hidden: true, hidden: true,
component: (resolve) => require(['@/views/homepage/Index'], resolve), component: (resolve) => require(['@/views/homepage/Index'], resolve),
name: 'homePage', name: 'homePage',
redirect: '/homePage/page', redirect: '/home/index',
meta: { title: '主页', icon: 'dashboard', noCache: true, affix: false }, meta: { title: '主页', icon: 'dashboard', noCache: true, affix: false },
children: [{ children: [{
path: 'page', path: 'index',
hidden: true, hidden: true,
component: (resolve) => require(['@/views/homepage/page'], resolve), component: (resolve) => require(['@/views/homepage/page'], resolve),
name: 'page', name: 'page',
meta: { title: '主页', icon: 'dashboard', noCache: true, affix: true } meta: { title: '主页', icon: 'dashboard', noCache: true, affix: true }
}, },
{ {
path: 'leavingMessage', path: 'leaving',
hidden: true, hidden: true,
component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve), component: (resolve) => require(['@/views/homepage/leavingMessage'], resolve),
name: 'leavingMessage', name: 'leavingMessage',