no message

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

View File

@ -1 +0,0 @@
.container[data-v-62037b73]{padding-top:1.3rem}.container .header[data-v-62037b73]{padding:1rem 0 .8rem}.container .header .portrait[data-v-62037b73]{width:2rem;height:2rem;border-radius:50%;background-color:#fff;position:relative}.container .header .portrait-icom[data-v-62037b73]{width:1.8rem;height:1.8rem;border-radius:50%}.container .header .header-username[data-v-62037b73]{color:#000;font-size:.48rem;line-height:normal;margin-top:.24rem;font-weight:650}.container .header .header-uid[data-v-62037b73]{color:#7f7f7f;font-weight:400;margin-top:.12rem}.container .operation-box[data-v-62037b73]{background-color:#fff;margin:0 .2933rem .4rem;border-radius:.4rem}.container .operation-box .operation-item[data-v-62037b73]{height:1.8rem;justify-content:space-between;padding:0 .4rem}.container .operation-box .operation-item[data-v-62037b73]:not(:first-of-type){border-top:.0133rem dotted #d7d7d7}.container .operation-box .operation-item .operation-left[data-v-62037b73]{color:#333;font-size:.36rem;line-height:.6rem}.container .operation-box .operation-item .operation-icom[data-v-62037b73]{width:.48rem;margin-right:.32rem}.container .operation-box .operation-item .operation-data[data-v-62037b73]{background-color:#f6f6f6;border-radius:.64rem;font-size:.28rem;color:#555;min-width:.9rem;text-align:center;padding:0 .2rem;box-sizing:border-box}.container .operation-box .operation-item .unread-info[data-v-62037b73]{background:#fd3f5d;height:.42rem;border-radius:.64rem;color:#fff;font-size:.28rem;text-align:center;padding:0 .1rem;box-sizing:border-box}.container .operation-box .operation-item .operation-right-icom[data-v-62037b73]{width:.12rem;height:.22rem;margin-left:.2rem}.container .operation-box.data-presentation[data-v-62037b73]{padding-top:.4rem;padding-bottom:.4rem}.container .operation-box.data-presentation .data-presentation-item[data-v-62037b73]{flex-direction:column}.container .operation-box.data-presentation .data-presentation-item[data-v-62037b73]:not(:last-of-type){border-right:.0133rem solid #ebebeb}.container .operation-box.data-presentation .data-presentation-item .data-presentation-number[data-v-62037b73]{color:#000;line-height:.6rem;font-size:.4rem;font-weight:900}.container .operation-box.data-presentation .data-presentation-item .data-presentation-name[data-v-62037b73]{color:#333;line-height:.6rem;font-size:.32rem}.container .log-out[data-v-62037b73]{font-size:.36rem;line-height:.6rem;color:#555;border-bottom:.0133rem solid #797979;width:1.46rem;margin:.6rem auto 1rem}

File diff suppressed because one or more lines are too long

1
dist/css/93.d1be0c1e.css vendored Normal file
View File

@ -0,0 +1 @@
.container[data-v-42e0b9d7]{padding-top:1.3rem}.container .header[data-v-42e0b9d7]{padding:1rem 0 .8rem}.container .header .portrait[data-v-42e0b9d7]{width:2rem;height:2rem;border-radius:50%;background-color:#fff;position:relative}.container .header .portrait-icom[data-v-42e0b9d7]{width:1.8rem;height:1.8rem;border-radius:50%}.container .header .header-username[data-v-42e0b9d7]{color:#000;font-size:.48rem;line-height:normal;margin-top:.24rem;font-weight:650}.container .header .header-uid[data-v-42e0b9d7]{color:#7f7f7f;font-weight:400;margin-top:.12rem}.container .operation-box[data-v-42e0b9d7]{background-color:#fff;margin:0 .2933rem .4rem;border-radius:.4rem}.container .operation-box .operation-item[data-v-42e0b9d7]{height:1.8rem;justify-content:space-between;padding:0 .4rem}.container .operation-box .operation-item[data-v-42e0b9d7]:not(:first-of-type){border-top:.0133rem dotted #d7d7d7}.container .operation-box .operation-item .operation-left[data-v-42e0b9d7]{color:#333;font-size:.36rem;line-height:.6rem}.container .operation-box .operation-item .operation-icom[data-v-42e0b9d7]{width:.48rem;margin-right:.32rem}.container .operation-box .operation-item .operation-data[data-v-42e0b9d7]{background-color:#f6f6f6;border-radius:.64rem;font-size:.28rem;color:#555;min-width:.9rem;text-align:center;padding:0 .2rem;box-sizing:border-box}.container .operation-box .operation-item .unread-info[data-v-42e0b9d7]{background:#fd3f5d;height:.42rem;border-radius:.64rem;color:#fff;font-size:.28rem;text-align:center;padding:0 .1rem;box-sizing:border-box}.container .operation-box .operation-item .operation-right-icom[data-v-42e0b9d7]{width:.12rem;height:.22rem;margin-left:.2rem}.container .operation-box.data-presentation[data-v-42e0b9d7]{padding-top:.4rem;padding-bottom:.4rem}.container .operation-box.data-presentation .data-presentation-item[data-v-42e0b9d7]{flex-direction:column}.container .operation-box.data-presentation .data-presentation-item[data-v-42e0b9d7]:not(:last-of-type){border-right:.0133rem solid #ebebeb}.container .operation-box.data-presentation .data-presentation-item .data-presentation-number[data-v-42e0b9d7]{color:#000;line-height:.6rem;font-size:.4rem;font-weight:900}.container .operation-box.data-presentation .data-presentation-item .data-presentation-name[data-v-42e0b9d7]{color:#333;line-height:.6rem;font-size:.32rem}.container .log-out[data-v-42e0b9d7]{font-size:.36rem;line-height:.6rem;color:#555;border-bottom:.0133rem solid #797979;width:1.46rem;margin:.6rem auto 1rem}

2
dist/index.html vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

1
dist/js/93.bc947518.js vendored Normal file

File diff suppressed because one or more lines are too long

1
dist/js/993.8cee9be1.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

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>