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 16:40:32 +08:00
parent 9fe6c9046b
commit 7dc3c78715
14 changed files with 538 additions and 555 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/css/4.e9161df0.css → dist/css/303.7191c1db.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/729.c641f5e6.css → dist/css/502.39ef2fe8.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/97.c641f5e6.css → dist/css/553.39ef2fe8.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/css/983.c641f5e6.css → dist/css/574.39ef2fe8.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/373.4fe4cf56.js → dist/js/277.e88857f8.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/303.0a464870.js vendored Normal file
View File

@ -0,0 +1 @@
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[303],{1775:function(e,t,n){n.r(t),n.d(t,{default:function(){return u}});var a=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!0,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("寄托天下论坛")])],2),t("nav",[t("router-link",{attrs:{to:e.recommendURl,exact:""}},[e._v("推荐阅读")]),t("router-link",{attrs:{to:e.collect,exact:""}},[e._v("收藏的版块")]),t("router-link",{attrs:{to:e.allSections,exact:""}},[e._v("全部版块")])],1),t("div",{staticClass:"publish flexcolumn flexcenter",on:{click:function(t){return t.stopPropagation(),e.$skipUrl(e.invitationPost)}}},[t("svg-icon",{attrs:{"icon-class":"add","class-name":"icon-publish"}}),e._v(" 发帖 ")],1),t("router-view",{key:e.key})],1)},l=[],o=n(2277),i=n(6799),r={name:"Index",data(){return{favorite:[],recommend:[],fid:null,allSections:"/allSections",collect:"/collect",recommendURl:"/recommend",invitationPost:i.a}},computed:{key(){return this.$route.path+Math.random()}},watch:{"$store.state.homeRequestState":{handler(e,t){let{favoriteList:n,recommendList:a}=this.$store.state;this.favorite=n,this.recommend=a},immediate:!0},$route:{handler(e,t){let n=e.fullPath;-1!=n.indexOf("allSections")&&(this.allSections=n),-1!=n.indexOf("collect")&&(this.collect=n),-1!=n.indexOf("recommend")&&(this.recommendURl=n)},immediate:!0}},mounted(){},components:{HeaderNav:o.Z},methods:{}},s=r,c=n(1001),d=(0,c.Z)(s,a,l,!1,null,null,null),u=d.exports}}]);

1
dist/js/4.c19fcc11.js vendored
View File

@ -1 +0,0 @@
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[4],{1775:function(e,t,n){n.r(t),n.d(t,{default:function(){return u}});var a=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!0,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("寄托天下论坛")])],2),t("nav",[t("router-link",{attrs:{to:e.recommendURl,exact:""}},[e._v("推荐阅读")]),t("router-link",{attrs:{to:e.collect,exact:""}},[e._v("收藏的版块")]),t("router-link",{attrs:{to:e.allSections,exact:""}},[e._v("全部版块")])],1),t("div",{staticClass:"publish flexcolumn flexcenter",on:{click:function(t){return t.stopPropagation(),e.$skipUrl(e.invitationPost)}}},[t("svg-icon",{attrs:{"icon-class":"add","class-name":"icon-publish"}}),e._v(" 发帖 ")],1),t("router-view",{key:e.key})],1)},l=[],o=n(5373),i=n(6799),r={name:"Index",data(){return{favorite:[],recommend:[],fid:null,allSections:"/allSections",collect:"/collect",recommendURl:"/recommend",invitationPost:i.a}},computed:{key(){return this.$route.path+Math.random()}},watch:{"$store.state.homeRequestState":{handler(e,t){let{favoriteList:n,recommendList:a}=this.$store.state;this.favorite=n,this.recommend=a},immediate:!0},$route:{handler(e,t){let n=e.fullPath;-1!=n.indexOf("allSections")&&(this.allSections=n),-1!=n.indexOf("collect")&&(this.collect=n),-1!=n.indexOf("recommend")&&(this.recommendURl=n)},immediate:!0}},mounted(){},components:{HeaderNav:o.Z},methods:{}},s=r,c=n(1001),d=(0,c.Z)(s,a,l,!1,null,null,null),u=d.exports}}]);

2
dist/js/729.7bfe0eae.js → dist/js/502.fa40b9d1.js vendored
View File

@ -1 +1 @@
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[729],{9143:function(e,t,n){n.r(t),n.d(t,{default:function(){return l}});var a=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!0,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("帖子详情")])],2),t("router-view",{key:e.key})],1)},r=[],u=n(5373),s={name:"detail",data(){return{}},computed:{key(){return this.$route.path+Math.random()}},mounted(){},methods:{},components:{HeaderNav:u.Z}},d=s,i=n(1001),o=(0,i.Z)(d,a,r,!1,null,"10593ad7",null),l=o.exports}}]);
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[502],{9143:function(e,t,n){n.r(t),n.d(t,{default:function(){return l}});var a=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!0,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("帖子详情")])],2),t("router-view",{key:e.key})],1)},r=[],u=n(2277),s={name:"detail",data(){return{}},computed:{key(){return this.$route.path+Math.random()}},mounted(){},methods:{},components:{HeaderNav:u.Z}},d=s,i=n(1001),o=(0,i.Z)(d,a,r,!1,null,"10593ad7",null),l=o.exports}}]);

2
dist/js/983.dacb4d7e.js → dist/js/553.9559c46b.js vendored
View File

@ -1 +1 @@
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[983],{6170:function(e,t,n){n.r(t),n.d(t,{default:function(){return o}});var r=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!0,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("我的寄托")])],2),t("router-view")],1)},a=[],u=n(5373),s={name:"user",data(){return{}},mounted(){},methods:{},components:{HeaderNav:u.Z}},d=s,i=n(1001),l=(0,i.Z)(d,r,a,!1,null,"7090fd6a",null),o=l.exports}}]);
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[553],{6170:function(e,t,n){n.r(t),n.d(t,{default:function(){return o}});var r=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!0,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("我的寄托")])],2),t("router-view")],1)},a=[],u=n(2277),s={name:"user",data(){return{}},mounted(){},methods:{},components:{HeaderNav:u.Z}},d=s,i=n(1001),l=(0,i.Z)(d,r,a,!1,null,"7090fd6a",null),o=l.exports}}]);

1
dist/js/574.1cfabd22.js vendored Normal file
View File

@ -0,0 +1 @@
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[574],{5817:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});var r=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!1,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("搜索帖子")])],2),t("router-view",{key:e.key})],1)},a=[],u=n(2277),s={name:"search",data(){return{}},computed:{key(){return this.$route.path+Math.random()}},mounted(){},methods:{},components:{HeaderNav:u.Z}},o=s,c=n(1001),d=(0,c.Z)(o,r,a,!1,null,"24c9f798",null),h=d.exports}}]);

1
dist/js/97.20745e82.js vendored
View File

@ -1 +0,0 @@
"use strict";(self["webpackChunkninepage"]=self["webpackChunkninepage"]||[]).push([[97],{5817:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});var r=function(){var e=this,t=e._self._c;return t("div",[t("header-nav",{attrs:{issearch:!1,needgetuser:!0}},[t("template",{slot:"header-title"},[e._v("搜索帖子")])],2),t("router-view",{key:e.key})],1)},a=[],u=n(5373),s={name:"search",data(){return{}},computed:{key(){return this.$route.path+Math.random()}},mounted(){},methods:{},components:{HeaderNav:u.Z}},o=s,c=n(1001),d=(0,c.Z)(o,r,a,!1,null,"24c9f798",null),h=d.exports}}]);

2
dist/js/app~d363ae0c.ae93fb66.js → dist/js/app~d363ae0c.7f25a228.js vendored
View File

File diff suppressed because one or more lines are too long

143
src/components/HeaderNav.vue
View File

@ -18,18 +18,18 @@
</div>
</div>
<div class="head-arrows" :class="{ animation: headMorePopState }" v-if="headMorePopState"></div>
<div class="head-more-pop" :class="{ animation: headMorePopState }">
<div class="head-arrows" :class="{animation: headMorePopState}" v-if="headMorePopState"></div>
<div class="head-more-pop" :class="{animation: headMorePopState}">
<div class="head-more-userinfo flex1 flexacenter">
<div class="head-more-left flexacenter" v-if="islogin">
<router-link class="flexacenter" to="/user" @click.native="headMorePopState = !headMorePopState">
<img class="head-more-userinfo-avatar" :src="userInfo.avatar || (process.env.URL_ENV + '/img/defaultAvatar.jpg')" />
<div class="head-more-userinfo-username">{{ userInfo.nickname || '未登录' }}</div>
<img class="head-more-userinfo-avatar" :src="userInfo.avatar || process.env.URL_ENV + '/img/defaultAvatar.jpg'" />
<div class="head-more-userinfo-username">{{ userInfo.nickname || "未登录" }}</div>
</router-link>
</div>
<div class="head-more-left flexacenter" v-else @click="handleRegister()">
<img class="head-more-userinfo-avatar" :src="userInfo.avatar || (process.env.URL_ENV + '/img/defaultAvatar.jpg')" />
<div class="head-more-userinfo-username">{{ userInfo.nickname || '未登录' }}</div>
<img class="head-more-userinfo-avatar" :src="userInfo.avatar || process.env.URL_ENV + '/img/defaultAvatar.jpg'" />
<div class="head-more-userinfo-username">{{ userInfo.nickname || "未登录" }}</div>
</div>
<div class="head-more-right">
@ -46,8 +46,7 @@
</div>
<div class="tab-list">
<a class="tab-item flexacenter" :href="item.url" target="_blank" :class="{ pitch: item.current == 1 }"
v-for="(item, index) in menu" :key="index">{{ item.name }}</a>
<a class="tab-item flexacenter" :href="item.url" target="_blank" :class="{pitch: item.current == 1}" v-for="(item, index) in menu" :key="index">{{ item.name }}</a>
</div>
<div class="head-more-post flexcenter" @click.stop="$skipUrl(invitationPost, false)">
@ -60,8 +59,6 @@
<div v-if="headMorePopState" @click="headMorePopState = !headMorePopState">
<svg-icon icon-class="cross" class-name="cross-icon"></svg-icon>
</div>
</div>
</div>
<div class="head-pop" v-if="headMorePopState" @click="headMorePopState = !headMorePopState"></div>
@ -70,9 +67,9 @@
</template>
<script>
import SearchBox from "../components/SearchBox.vue";
import SearchBox from "../components/SearchBox.vue"
import { invitationPost } from '@/utils/bizarreUrl'
import {invitationPost} from "@/utils/bizarreUrl"
export default {
name: "HeaderNav",
@ -86,53 +83,50 @@ export default {
menu: [],
hotSearchkeywords: [], // 热门搜索
invitationPost,
};
}
},
props: ["issearch", "needgetuser", "userinfo"],
watch: {
headMorePopState(newValue, oldValue) {
if (newValue) this.$pageStop();
else this.$pageMove();
if (newValue) this.$pageStop()
else this.$pageMove()
},
},
mounted() {
let user = this.$store.state.user
if (JSON.stringify(user) === "{}") this.$store.dispatch('getUserInfo', this)
if (JSON.stringify(user) === "{}") this.$store.dispatch("getUserInfo", this)
else {
this.userInfo = user
this.islogin = user.uid > 0 ? true : false;
this.islogin = user.uid > 0 ? true : false
this.hotSearchkeywords = this.$store.state.hotSearchkeywords
this.menu = this.$store.state.menu
}
},
methods: {
// 处理登录
handleRegister() {
let url = encodeURIComponent(location.href);
this.$skipUrl(`${this.$loginUrl}?referer=${url}`, false);
let url = encodeURIComponent(location.href)
this.$skipUrl(`${this.$loginUrl}?referer=${url}`, false)
},
collapseClick() {
if (this.collapseShow == true) this.collapseShow = false;
else this.collapseShow = true;
if (this.collapseShow == true) this.collapseShow = false
else this.collapseShow = true
},
collapseClose() {
this.collapseShow = false;
this.collapseShow = false
},
},
destroyed() {
this.$pageMove();
this.$pageMove()
},
components: {
SearchBox,
},
};
}
</script>
<style lang="scss" scoped>
@ -159,44 +153,42 @@ export default {
}
.right {
.head-more {
position: relative;
.head-more-icon {
width: .48rem;
height: .4rem;
width: 0.48rem;
height: 0.4rem;
}
.red-dot {
position: absolute;
right: -0.2rem;
top: -0.2rem;
width: .16rem;
height: .16rem;
border-radius: .64rem;
width: 0.16rem;
height: 0.16rem;
border-radius: 0.64rem;
background-color: rgba(253, 63, 93, 1);
}
}
}
.head-arrows {
width: .1333rem;
height: .1333rem;
width: 0.1333rem;
height: 0.1333rem;
position: absolute;
bottom: -.0133rem;
bottom: -0.0133rem;
right: -0.5333rem;
width: 0;
height: 0;
transform: translateX(50%);
border: .24rem solid #000;
border: 0.24rem solid #000;
border-top-color: transparent;
border-bottom-color: rgb(255, 255, 255);
border-left-color: transparent;
border-right-color: transparent;
opacity: 0;
transition: all .2s;
transition: all 0.2s;
&.animation {
animation: slide-in-left2 0.5s ease-out forwards;
@ -205,13 +197,13 @@ export default {
.head-more-pop {
position: absolute;
top: calc(100% - .0133rem);
top: calc(100% - 0.0133rem);
height: calc(100vh - 1.3rem);
width: 7.6rem;
right: 0;
background-color: #fff;
overflow: auto;
transition: all .2s;
transition: all 0.2s;
right: -100%;
opacity: 0;
@ -243,40 +235,37 @@ export default {
}
}
.head-more-userinfo {
height: 2.88rem;
margin-left: .64rem;
margin-right: .72rem;
margin-left: 0.64rem;
margin-right: 0.72rem;
box-sizing: border-box;
border-bottom: .0133rem solid #ebebeb;
border-bottom: 0.0133rem solid #ebebeb;
justify-content: space-between;
.head-more-left {
.head-more-userinfo-avatar {
margin-right: .24rem;
margin-right: 0.24rem;
width: 1.28rem;
height: 1.28rem;
border-radius: 50%;
}
.head-more-userinfo-username {
font-size: .36rem;
font-size: 0.36rem;
color: #333333;
}
}
.head-more-right {
.information-box {
position: relative;
width: .44rem;
height: .44rem;
width: 0.44rem;
height: 0.44rem;
.information-icon {
width: .44rem;
height: .44rem;
width: 0.44rem;
height: 0.44rem;
}
}
@ -284,36 +273,36 @@ export default {
position: absolute;
right: -0.2rem;
top: -0.2rem;
width: .36rem;
height: .36rem;
width: 0.36rem;
height: 0.36rem;
color: #fff;
border-radius: .64rem;
border-radius: 0.64rem;
background-color: rgba(253, 63, 93, 1);
font-size: .26rem;
font-size: 0.26rem;
}
.loginBtn {
width: 2.24rem;
height: .8rem;
height: 0.8rem;
border-radius: 3.12rem;
background-color: rgba(98, 177, 255, 1);
color: #fff;
font-size: .34rem;
font-size: 0.34rem;
}
}
}
.tab-list {
padding-right: .72rem;
padding-right: 0.72rem;
margin-left: 0.64rem;
border-bottom: .0133rem solid #ebebeb;
border-bottom: 0.0133rem solid #ebebeb;
.tab-item {
height: 1.44rem;
margin: .328rem 0;
border-radius: .22rem;
padding-left: .64rem;
font-size: .36rem;
margin: 0.328rem 0;
border-radius: 0.22rem;
padding-left: 0.64rem;
font-size: 0.36rem;
color: #555555;
text-decoration: none;
@ -327,28 +316,28 @@ export default {
.head-more-post {
color: #000;
font-size: .4rem;
font-size: 0.4rem;
margin: 1.28rem 0 2.6667rem;
.head-more-post-icon {
width: .48rem;
height: .48rem;
margin-right: .1333rem;
width: 0.48rem;
height: 0.48rem;
margin-right: 0.1333rem;
background-color: #fddf6d;
border-radius: 50%;
.head-more-post-img {
width: .24rem;
height: .24rem;
width: 0.24rem;
height: 0.24rem;
}
}
}
.cross-icon {
width: .32rem;
height: .32rem;
width: 0.32rem;
height: 0.32rem;
// padding: .8rem;
padding: .4rem;
padding: 0.4rem;
// position: sticky;
position: fixed;
// bottom: .2667rem;
@ -364,10 +353,7 @@ export default {
justify-content: center;
margin: 0 auto;
}
}
}
.head-pop {
@ -549,7 +535,6 @@ export default {
}
}
header {
display: flex;
justify-content: space-between;
@ -592,7 +577,5 @@ header {
top: -0.15rem;
right: -0.2rem;
}
}
</style>