no message
This commit is contained in:
parent
442ad9ff31
commit
c0bc6c5431
1
dist/css/334.b83f3a9d.css
vendored
1
dist/css/334.b83f3a9d.css
vendored
@ -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
1
dist/css/93.d1be0c1e.css
vendored
Normal 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
2
dist/index.html
vendored
File diff suppressed because one or more lines are too long
1
dist/js/251.c26b8f97.js
vendored
1
dist/js/251.c26b8f97.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/334.d97286d2.js
vendored
1
dist/js/334.d97286d2.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/93.bc947518.js
vendored
Normal file
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
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
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user