A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510
2023-10-16 18:43:39 +08:00
parent 442ad9ff31
commit c0bc6c5431
11 changed files with 740 additions and 766 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1247
src/views/detail/detailIndex.vue
View File

File diff suppressed because it is too large Load Diff

247
src/views/user/UserIndex.vue
View File

@@ -27,7 +27,7 @@
<div class="operation-box shadow">
<a class="operation-item flexacenter" href="https://www.gter.net/bbs/user/pm.html?mobile=yes">
<div class="operation-left flexacenter">
<img class="operation-icom" mode="widthFix" src="@/assets/img/icon/email.png">消息
<img class="operation-icom" mode="widthFix" src="@/assets/img/icon/email.png" />消息
<!-- <img class="operation-icom" mode="widthFix" src="@/assets/img/user/information.png">消息 -->
</div>
<div class="operation-right flexacenter">
@@ -38,110 +38,116 @@
</a>
<a class="operation-item flexacenter" v-for="(item, index) in operateList" :key="index" :href="item.url">
<div class="operation-left flexacenter">
<img class="operation-icom" mode="widthFix" :src="`./img/user/${item.icon}`">{{ item.name }}
</div>
<div class="operation-left flexacenter"><img class="operation-icom" mode="widthFix" :src="`${$baseURL}/img/user/${item.icon}`" />{{ item.name }}</div>
<div class="operation-right flexacenter">
<div class="operation-data flexcenter">{{ count[item.key] }}</div>
<svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
</div>
</a>
</div>
<div class="operation-box shadow">
<a v-for="(item, index) in setList" :key="index" class="operation-item flexacenter" :href="item.url">
<div class="operation-left flexacenter">
<img class="operation-icom" mode="widthFix" :src="`./img/user/${item.icon}`">{{ item.name }}
</div>
<div class="operation-left flexacenter"><img class="operation-icom" mode="widthFix" :src="`${$baseURL}/img/user/${item.icon}`" />{{ item.name }}</div>
<div class="operation-right flexacenter">
<svg-icon icon-class="arrowsLeft" class-name="operation-right-icom"></svg-icon>
</div>
</a>
</div>
<div class="log-out" @click="logOut()">退出登录</div>
</div>
</template>
<script>
export default {
name: 'userIndex',
name: "userIndex",
data() {
return {
user: {
avatar: "",
nickname: "",
messagenum: 0
messagenum: 0,
},
count: {},
operateList: [{
name: "收藏",
url: "https://www.gter.net/bbs/user/collection.html",
icon: "collect.png",
type: "collect",
key: "fav"
}, {
name: "发帖",
url: "https://www.gter.net/bbs/user/threads.html",
icon: "postmessage.png",
type: "collect",
key: "post"
}, {
name: "回帖",
url: "https://www.gter.net/bbs/user/post.html",
icon: "replymessage.png",
type: "post",
key: "reply"
},],
operateList: [
{
name: "收藏",
url: "https://www.gter.net/bbs/user/collection.html",
icon: "collect.png",
type: "collect",
key: "fav",
},
{
name: "发帖",
url: "https://www.gter.net/bbs/user/threads.html",
icon: "postmessage.png",
type: "collect",
key: "post",
},
{
name: "回帖",
url: "https://www.gter.net/bbs/user/post.html",
icon: "replymessage.png",
type: "post",
key: "reply",
},
],
setList: [{ // 设置列表
name: "个人资料",
url: "https://member.gter.net/index/modify.html",
icon: "personaldata.png",
type: "modify"
}, {
name: "设置头像",
url: "https://member.gter.net/index/avatar.html",
icon: "avatarsetting.png",
type: "avatar"
}, {
name: "我的状态",
url: "https://member.gter.net/index/status.html",
icon: "mystatus.png",
type: "status"
}, {
name: "修改密码",
url: "https://member.gter.net/reset/password.html",
icon: "changepassword.png",
type: "password"
}, {
name: "绑定邮箱",
url: "https://member.gter.net/reset/email.html",
icon: "bindemail.png",
type: "email"
}, {
name: "绑定手机",
url: "https://member.gter.net/reset/mobile.html",
icon: "bindmobile.png",
type: "mobile"
}, {
name: "绑定第三方账号",
url: "https://member.gter.net/bind",
icon: "bindingthird-party.png",
type: "bind"
}, {
name: "浏览个人主页",
url: "",
icon: "visithomepage.png",
type: "space"
}]
};
setList: [
{
// 设置列表
name: "个人资料",
url: "https://member.gter.net/index/modify.html",
icon: "personaldata.png",
type: "modify",
},
{
name: "设置头像",
url: "https://member.gter.net/index/avatar.html",
icon: "avatarsetting.png",
type: "avatar",
},
{
name: "我的状态",
url: "https://member.gter.net/index/status.html",
icon: "mystatus.png",
type: "status",
},
{
name: "修改密码",
url: "https://member.gter.net/reset/password.html",
icon: "changepassword.png",
type: "password",
},
{
name: "绑定邮箱",
url: "https://member.gter.net/reset/email.html",
icon: "bindemail.png",
type: "email",
},
{
name: "绑定手机",
url: "https://member.gter.net/reset/mobile.html",
icon: "bindmobile.png",
type: "mobile",
},
{
name: "绑定第三方账号",
url: "https://member.gter.net/bind",
icon: "bindingthird-party.png",
type: "bind",
},
{
name: "浏览个人主页",
url: "",
icon: "visithomepage.png",
type: "space",
},
],
}
},
mounted() {
@@ -159,7 +165,7 @@ export default {
let user = data.user
let setList = this.setList
setList.forEach(el => {
if (el.type == "space") el['url'] = `https://bbs.gter.net/space-uid-${user.uin}.html`
if (el.type == "space") el["url"] = `https://bbs.gter.net/space-uid-${user.uin}.html`
})
})
},
@@ -169,25 +175,20 @@ export default {
this.user = {
avatar: "",
nickname: "",
messagenum: 0
messagenum: 0,
}
this.$store.commit('setUser', {})
this.$store.commit('setFavoriteList', [])
this.$store.commit('setHomeRequestState', false)
this.$store.commit("setUser", {})
this.$store.commit("setFavoriteList", [])
this.$store.commit("setHomeRequestState", false)
this.$http.post("/api/user/Logout").then(res => {
this.$clearCookies();
this.$clearCookies()
this.$router.push("/")
})
},
},
};
}
</script>
<style lang="scss" scoped>
@@ -195,7 +196,7 @@ export default {
padding-top: 1.3rem;
.header {
padding: 1rem 0 .8rem;
padding: 1rem 0 0.8rem;
.portrait {
width: 2rem;
@@ -213,64 +214,62 @@ export default {
.header-username {
color: #000;
font-size: .48rem;
font-size: 0.48rem;
line-height: normal;
margin-top: .24rem;
margin-top: 0.24rem;
font-weight: 650;
}
.header-uid {
color: #7f7f7f;
font-weight: 400;
margin-top: .12rem;
margin-top: 0.12rem;
}
}
.operation-box {
background-color: #fff;
margin: 0 .2933rem .4rem;
border-radius: .4rem;
margin: 0 0.2933rem 0.4rem;
border-radius: 0.4rem;
.operation-item {
height: 1.8rem;
justify-content: space-between;
padding: 0 .4rem;
padding: 0 0.4rem;
&:not(:first-of-type) {
border-top: .0133rem dotted #d7d7d7;
border-top: 0.0133rem dotted #d7d7d7;
}
.operation-left {
color: #333333;
font-size: .36rem;
line-height: .6rem;
font-size: 0.36rem;
line-height: 0.6rem;
}
.operation-icom {
width: .48rem;
margin-right: .32rem;
width: 0.48rem;
margin-right: 0.32rem;
}
.operation-data {
background-color: rgba(246, 246, 246, 1);
border-radius: .64rem;
font-size: .28rem;
border-radius: 0.64rem;
font-size: 0.28rem;
color: #555555;
min-width: .9rem;
min-width: 0.9rem;
text-align: center;
padding: 0 .2rem;
padding: 0 0.2rem;
box-sizing: border-box;
}
.unread-info {
background: rgba(253, 63, 93, 1);
// width: .42rem;
height: .42rem;
border-radius: .64rem;
height: 0.42rem;
border-radius: 0.64rem;
color: #fff;
font-size: .28rem;
font-size: 0.28rem;
text-align: center;
padding: 0 0.1rem;
@@ -278,50 +277,46 @@ export default {
}
.operation-right-icom {
width: .12rem;
height: .22rem;
margin-left: .2rem;
width: 0.12rem;
height: 0.22rem;
margin-left: 0.2rem;
}
}
&.data-presentation {
padding-top: .4rem;
padding-bottom: .4rem;
padding-top: 0.4rem;
padding-bottom: 0.4rem;
.data-presentation-item {
flex-direction: column;
&:not(:last-of-type) {
border-right: .0133rem solid #ebebeb;
border-right: 0.0133rem solid #ebebeb;
}
.data-presentation-number {
color: #000;
line-height: .6rem;
font-size: .4rem;
line-height: 0.6rem;
font-size: 0.4rem;
font-weight: 900;
}
.data-presentation-name {
color: #333333;
line-height: .6rem;
font-size: .32rem;
line-height: 0.6rem;
font-size: 0.32rem;
}
}
}
}
.log-out {
font-size: .36rem;
line-height: .6rem;
font-size: 0.36rem;
line-height: 0.6rem;
color: #555555;
border-bottom: .0133rem solid #797979;
border-bottom: 0.0133rem solid #797979;
width: 1.46rem;
margin: .6rem auto 1rem;
margin: 0.6rem auto 1rem;
}
}
</style>
</style>