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

修改取消跳转PC,修改图片大小

Browse Source
This commit is contained in:
A1300399510 2023-11-10 12:10:14 +08:00
parent 3c35324cfa
commit 72aa4006b7
15 changed files with 172 additions and 170 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dist/css/280.0915ca91.css vendored Normal file
View File

@ -0,0 +1 @@
.path-box[data-v-07dc0a79]{display:flex;flex-direction:row;height:1.28rem;line-height:1.28rem;margin:.5rem .35rem 0;padding:0 .4rem;border-radius:1.68rem 1.68rem 0 1.68rem;background-color:#fff;font-size:.32rem;box-shadow:0 0 .16rem rgba(0,0,0,.1);position:relative}.path-box .path-slash[data-v-07dc0a79]{color:#d7d7d7;font-size:.32rem;margin:0 .18rem}.path-box div[data-v-07dc0a79]{color:#7f7f7f;max-width:2.5rem}.path-box div[data-v-07dc0a79]:last-child{max-width:50%;color:#000;font-weight:700}.path-box[data-v-07dc0a79]:after{content:"";width:0;height:0;position:absolute;bottom:0;right:0;border-top:.24rem solid #62b1ff;border-left:.24rem solid transparent;transform:rotateX(180deg);margin:0 .09rem .09rem 0}.paging[data-v-28440cd8]{margin-top:.48rem;padding-bottom:1rem}.paging[data-v-28440cd8] .el-pagination.is-background .el-pager li.active{background:#62b1ff;border-radius:50%}.paging[data-v-28440cd8] .el-pagination .btn-next .el-icon,.paging[data-v-28440cd8] .el-pagination .btn-prev .el-icon{font-size:.4rem}.paging[data-v-28440cd8] .is-background.el-pagination--small .el-pager li{border-radius:50%!important}.paging[data-v-28440cd8] .el-pagination.is-background.el-pagination--small .btn-next,.paging[data-v-28440cd8] .el-pagination.is-background.el-pagination--small .btn-prev,.paging[data-v-28440cd8] .el-pagination.is-background.el-pagination--small .el-pager li{border-radius:50%}section[data-v-28440cd8]{padding-top:.45rem}

1
dist/css/313.9fa1ff12.css vendored
View File

File diff suppressed because one or more lines are too long

1
dist/css/429.027e6f19.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/css/539.32e23e1e.css vendored
View File

@ -1 +0,0 @@
.path-box[data-v-07dc0a79]{display:flex;flex-direction:row;height:1.28rem;line-height:1.28rem;margin:.5rem .35rem 0;padding:0 .4rem;border-radius:1.68rem 1.68rem 0 1.68rem;background-color:#fff;font-size:.32rem;box-shadow:0 0 .16rem rgba(0,0,0,.1);position:relative}.path-box .path-slash[data-v-07dc0a79]{color:#d7d7d7;font-size:.32rem;margin:0 .18rem}.path-box div[data-v-07dc0a79]{color:#7f7f7f;max-width:2.5rem}.path-box div[data-v-07dc0a79]:last-child{max-width:50%;color:#000;font-weight:700}.path-box[data-v-07dc0a79]:after{content:"";width:0;height:0;position:absolute;bottom:0;right:0;border-top:.24rem solid #62b1ff;border-left:.24rem solid transparent;transform:rotateX(180deg);margin:0 .09rem .09rem 0}.paging[data-v-0f6ec407]{margin-top:.48rem;padding-bottom:1rem}.paging[data-v-0f6ec407] .el-pagination.is-background .el-pager li:not(.disabled).active{background:#62b1ff;border-radius:50%}.paging[data-v-0f6ec407] .el-pagination .btn-next .el-icon,.paging[data-v-0f6ec407] .el-pagination .btn-prev .el-icon{font-size:.4rem}.paging[data-v-0f6ec407] .is-background.el-pagination--small .el-pager li{border-radius:50%!important}.paging[data-v-0f6ec407] .el-pagination.is-background.el-pagination--small .btn-next,.paging[data-v-0f6ec407] .el-pagination.is-background.el-pagination--small .btn-prev,.paging[data-v-0f6ec407] .el-pagination.is-background.el-pagination--small .el-pager li{border-radius:50%}section[data-v-0f6ec407]{padding-top:.45rem}

2
dist/index.html vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/280.c20ad4a8.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/js/313.ce08cb71.js → dist/js/429.47e41ec8.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/539.741db5c0.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/app~42f9d7e6.39c5080e.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/js/app~42f9d7e6.45781542.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/app~d363ae0c.0d893efa.js → dist/js/app~d363ae0c.d6874ff3.js vendored
View File

File diff suppressed because one or more lines are too long

10
public/index.html
View File

@ -10,13 +10,21 @@
<!-- <link rel="icon" href="<%= BASE_URL %>/img/favicon.ico"> --> <!-- <link rel="icon" href="<%= BASE_URL %>/img/favicon.ico"> -->
<link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/forum/img/favicon.ico"> <link rel="icon" href="https://ansnid.oss-cn-shenzhen.aliyuncs.com/forum/img/favicon.ico">
<!-- <title><%= htmlWebpackPlugin.options.title %></title> --> <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
<title>寄托家园留学论坛_出国留学经验分享|留学申请|留学考试|DIY留学 </title>
<meta name="application-name" content="寄托家园留学论坛" />
<meta name="msapplication-tooltip" content="寄托家园留学论坛" />
<meta name="Keywords"
content="美国留学,加拿大留学,香港留学,新加坡留学,英国留学,欧洲留学, 留学经验分享,DIY留学,留学申请,留学流程,留学费用,出国留学,留学论坛, 留学网站,留学考试,GRE,TOEFL,IBT,GMAT,IELTS,SAT,VISA,文书,签证">
<meta name="Description"
content="提供最有用的出国留学资讯和最热心的留学交流论坛。在BBS上，你可以咨询签证，面试，机经，offer，奖学金，名校专业等，也可以分享雅思、托福、GRE的学习心得。无论你留学在美国、加拿大、英国还是澳洲，都能在留学论坛上找到寄托情感的归宿。">
<title>寄托论坛</title> <title>寄托论坛</title>
</head> </head>
<body> <body>
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
Please enable it to continue.</strong> Please enable it to continue.</strong>
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<div style="display:none;"> <div style="display:none;">

2
src/App.vue
View File

@ -23,7 +23,7 @@ export default {
this.$store.dispatch("fetchHistoricalSearch") // 获取历史搜索记录 this.$store.dispatch("fetchHistoricalSearch") // 获取历史搜索记录
this.$store.dispatch("getAllForum", this) // 获取全部板块 this.$store.dispatch("getAllForum", this) // 获取全部板块
this.isJudgePc() // this.isJudgePc()
// this.$skipUrl("gggg", false) // this.$skipUrl("gggg", false)
// setTimeout(() => { // setTimeout(() => {
// // this.hasMiucmsSessionCookie() // // this.hasMiucmsSessionCookie()

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

@ -1092,7 +1092,7 @@ export default {
/deep/ { /deep/ {
img { img {
width: 100% !important; max-width: 100% !important;
height: auto !important; height: auto !important;
&.gif { &.gif {

314
src/views/index/recommend/Recommend.vue
View File

@ -1,189 +1,183 @@
<template> <template>
<div class="recommend"> <div class="recommend">
<!-- 热门版块 --> <!-- 热门版块 -->
<div class="hot-box"> <div class="hot-box">
<div class="hot-label" :class="{ 'active': item.fid == fid }" v-for="(item, index) in hotList" :key="index" <div class="hot-label" :class="{active: item.fid == fid}" v-for="(item, index) in hotList" :key="index" @click="hotLabelClick(item.fid)">{{ item.name }}</div>
@click="hotLabelClick(item.fid)">{{ item.name }}</div> </div>
</div> <!-- 路径 -->
<!-- 路径 --> <plate-navigation v-if="fid != 0" :fid="plate.fid" :stairname="plate.stairname" :subsectionsname="plate.subsectionsname"></plate-navigation>
<plate-navigation v-if="fid != 0" :fid="plate.fid" :stairname="plate.stairname" <section>
:subsectionsname="plate.subsectionsname"></plate-navigation> <template v-if="list.length != 0 || loading">
<section> <index-list :list="list"></index-list>
<template v-if="list.length != 0 || loading"> <div class="paging flexcenter" v-if="!loading">
<index-list :list="list"></index-list> <el-pagination small background layout="prev, pager, next" @current-change="currentChange" :current-page.sync="page" :page-size="limit" :total="count"> </el-pagination>
<!-- <el-pagination @current-change="currentChange" :current-page.sync="page" :page-size="limit" :total="count"> </el-pagination> -->
<div class="paging flexcenter" v-if="!loading"> </div>
<el-pagination small background layout="prev, pager, next" @current-change="currentChange" </template>
:current-page.sync="page" :page-size="limit" :total="count"> <div class="result-empty-box flexcenter shadow" v-else>
</el-pagination> <img class="result-empty-icon" src="@/assets/img/icon/empty.png" />
</div> </div>
</template> </section>
<div class="result-empty-box flexcenter shadow" v-else> </div>
<img class="result-empty-icon" src="@/assets/img/icon/empty.png">
</div>
</section>
</div>
</template> </template>
<script> <script>
import plateNavigation from '@/components/PlateNavigation.vue' import plateNavigation from "@/components/PlateNavigation.vue"
import indexList from '@/components/IndexList' import indexList from "@/components/IndexList"
export default { export default {
name: "Recommend",//推荐阅读 name: "Recommend", //推荐阅读
data() { data() {
return { return {
hotList: [], hotList: [],
list: [], list: [],
count: 0, // 总数 count: 0, // 总数
limit: 20, // 列表 limit: 20, // 列表
page: 1, // 页数 page: 1, // 页数
fid: 0, // 板块id fid: 0, // 板块id
plate: { plate: {
stairname: "",// 一级版块名称 stairname: "", // 一级版块名称
subsectionsname: "",// 子版块名称 subsectionsname: "", // 子版块名称
fid: 0, // 一级板块id fid: 0, // 一级板块id
}, },
loading: null, loading: null,
allForumList: this.$store.state.allForumList || [], allForumList: this.$store.state.allForumList || [],
} }
}, },
watch: { watch: {
"$parent.recommend": { "$parent.recommend": {
handler(newV, oldV) { handler(newV, oldV) {
this.hotList = newV this.hotList = newV
}, },
immediate: true immediate: true,
}, },
"$store.state.allForumList": { "$store.state.allForumList": {
handler(newV, oldV) { handler(newV, oldV) {
this.allForumList = newV this.allForumList = newV
this.handleForumFid() this.handleForumFid()
}, },
immediate: true immediate: true,
} },
}, },
mounted() { mounted() {
let query = {} let query = {}
let { page, fid } = this.$route.query let {page, fid} = this.$route.query
if (page) { if (page) {
this.page = Number(page) this.page = Number(page)
query['page'] = Number(page) query["page"] = Number(page)
} }
if (fid) { if (fid) {
this.fid = fid this.fid = fid
this.handleForumFid() this.handleForumFid()
query['fid'] = Number(fid) query["fid"] = Number(fid)
} }
this.$parent['query'] = query this.$parent["query"] = query
this.init() this.init()
}, },
methods: { methods: {
init() { init() {
this.$startupUnderLoading(this) this.$startupUnderLoading(this)
this.$http.get("/api/home/threadList", { this.$http
limit: this.limit, .get("/api/home/threadList", {
type: "recommend", limit: this.limit,
page: this.page, type: "recommend",
fid: this.fid, page: this.page,
}).then(res => { fid: this.fid,
})
.then(res => {
if (res.code != 200) return
let data = res.data
this.list = data.data
this.limit = data.limit
this.page = data.page
this.count = data.count
})
.finally(() => {
this.$closeUnderLoading(this)
})
},
if (res.code != 200) return // 初始化板块的头部
let data = res.data handleForumFid() {
this.list = data.data let allForumList = this.allForumList
this.limit = data.limit if (!Array.isArray(allForumList) || allForumList.length <= 1) return
this.page = data.page allForumList.forEach((el, index) => {
this.count = data.count if (!Array.isArray(el["data"])) return
}).finally(() => { el.data.forEach(element => {
this.$closeUnderLoading(this) if (element["fid"] == this.fid) {
this.plate.subsectionsname = element.name
this.plate.stairname = el.name
this.plate.fid = el.fid
}
})
})
},
}) currentChange() {
}, let query = {
page: this.page,
}
if (this.fid) query["fid"] = this.fid
// 初始化板块的头部 this.$router.push({path: `/recommend`, query})
handleForumFid() { },
let allForumList = this.allForumList
if (!Array.isArray(allForumList) || allForumList.length <= 1) return
allForumList.forEach((el, index) => {
if (!Array.isArray(el['data'])) return
el.data.forEach(element => {
if (element['fid'] == this.fid) {
this.plate.subsectionsname = element.name
this.plate.stairname = el.name
this.plate.fid = el.fid
}
}) hotLabelClick(fid) {
}) let query = {
}, page: 1,
fid,
currentChange() { }
let query = { this.$router.push({path: `/recommend`, query})
page: this.page, },
} },
if (this.fid) query['fid'] = this.fid components: {
plateNavigation,
this.$router.push({ path: `/recommend`, query }) indexList,
}, },
hotLabelClick(fid) {
let query = {
page: 1,
fid
}
this.$router.push({ path: `/recommend`, query })
}
},
components: {
plateNavigation,
indexList,
},
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.path-box { .path-box {
// margin-bottom: 0.2rem; // margin-bottom: 0.2rem;
} }
.paging { .paging {
margin-top: .48rem; margin-top: 0.48rem;
padding-bottom: 1rem; padding-bottom: 1rem;
// background: rgba(98, 177, 255, 1);
::v-deep {
// .el-pagination.is-background .el-pager li:not(.disabled).active {
.el-pagination.is-background .el-pager li.active {
background: rgba(98, 177, 255, 1);
border-radius: 50%;
}
::v-deep { .el-pagination .btn-next .el-icon,
.el-pagination.is-background .el-pager li:not(.disabled).active { .el-pagination .btn-prev .el-icon {
background: rgba(98, 177, 255, 1); font-size: 0.4rem;
border-radius: 50%; }
}
.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
font-size: .4rem;
}
.is-background.el-pagination--small .el-pager li {
border-radius: 50% !important;
}
.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
border-radius: 50%;
}
}
.is-background.el-pagination--small .el-pager li {
border-radius: 50% !important;
}
.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
border-radius: 50%;
}
}
// }
} }
section { section {
// padding-top: 0; // padding-top: 0;
padding-top: 0.45rem; padding-top: 0.45rem;
// height: 10.3333rem; // height: 10.3333rem;
} }
</style> </style>