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

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

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}

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

1
dist/js/280.c20ad4a8.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 one or more lines are too long

1
dist/js/app~42f9d7e6.39c5080e.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 one or more lines are too long

View File

@ -10,6 +10,14 @@
<!-- <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>

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()

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 {

View File

@ -2,34 +2,30 @@
<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" <plate-navigation v-if="fid != 0" :fid="plate.fid" :stairname="plate.stairname" :subsectionsname="plate.subsectionsname"></plate-navigation>
:subsectionsname="plate.subsectionsname"></plate-navigation>
<section> <section>
<template v-if="list.length != 0 || loading"> <template v-if="list.length != 0 || loading">
<index-list :list="list"></index-list> <index-list :list="list"></index-list>
<div class="paging flexcenter" v-if="!loading"> <div class="paging flexcenter" v-if="!loading">
<el-pagination small background layout="prev, pager, next" @current-change="currentChange" <el-pagination small background layout="prev, pager, next" @current-change="currentChange" :current-page.sync="page" :page-size="limit" :total="count"> </el-pagination>
:current-page.sync="page" :page-size="limit" :total="count"> <!-- <el-pagination @current-change="currentChange" :current-page.sync="page" :page-size="limit" :total="count"> </el-pagination> -->
</el-pagination>
</div> </div>
</template> </template>
<div class="result-empty-box flexcenter shadow" v-else> <div class="result-empty-box flexcenter shadow" v-else>
<img class="result-empty-icon" src="@/assets/img/icon/empty.png"> <img class="result-empty-icon" src="@/assets/img/icon/empty.png" />
</div> </div>
</section> </section>
</div> </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: [],
@ -39,8 +35,8 @@ export default {
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,
@ -53,7 +49,7 @@ export default {
handler(newV, oldV) { handler(newV, oldV) {
this.hotList = newV this.hotList = newV
}, },
immediate: true immediate: true,
}, },
"$store.state.allForumList": { "$store.state.allForumList": {
@ -61,23 +57,23 @@ export default {
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()
}, },
@ -85,22 +81,23 @@ export default {
methods: { methods: {
init() { init() {
this.$startupUnderLoading(this) this.$startupUnderLoading(this)
this.$http.get("/api/home/threadList", { this.$http
.get("/api/home/threadList", {
limit: this.limit, limit: this.limit,
type: "recommend", type: "recommend",
page: this.page, page: this.page,
fid: this.fid, fid: this.fid,
}).then(res => { })
.then(res => {
if (res.code != 200) return if (res.code != 200) return
let data = res.data let data = res.data
this.list = data.data this.list = data.data
this.limit = data.limit this.limit = data.limit
this.page = data.page this.page = data.page
this.count = data.count this.count = data.count
}).finally(() => { })
.finally(() => {
this.$closeUnderLoading(this) this.$closeUnderLoading(this)
}) })
}, },
@ -109,14 +106,13 @@ export default {
let allForumList = this.allForumList let allForumList = this.allForumList
if (!Array.isArray(allForumList) || allForumList.length <= 1) return if (!Array.isArray(allForumList) || allForumList.length <= 1) return
allForumList.forEach((el, index) => { allForumList.forEach((el, index) => {
if (!Array.isArray(el['data'])) return if (!Array.isArray(el["data"])) return
el.data.forEach(element => { el.data.forEach(element => {
if (element['fid'] == this.fid) { if (element["fid"] == this.fid) {
this.plate.subsectionsname = element.name this.plate.subsectionsname = element.name
this.plate.stairname = el.name this.plate.stairname = el.name
this.plate.fid = el.fid this.plate.fid = el.fid
} }
}) })
}) })
}, },
@ -125,18 +121,18 @@ export default {
let query = { let query = {
page: this.page, page: this.page,
} }
if (this.fid) query['fid'] = this.fid if (this.fid) query["fid"] = this.fid
this.$router.push({ path: `/recommend`, query }) this.$router.push({path: `/recommend`, query})
}, },
hotLabelClick(fid) { hotLabelClick(fid) {
let query = { let query = {
page: 1, page: 1,
fid fid,
}
this.$router.push({ path: `/recommend`, query })
} }
this.$router.push({path: `/recommend`, query})
},
}, },
components: { components: {
plateNavigation, plateNavigation,
@ -151,18 +147,19 @@ export default {
} }
.paging { .paging {
margin-top: .48rem; margin-top: 0.48rem;
padding-bottom: 1rem; padding-bottom: 1rem;
// background: rgba(98, 177, 255, 1);
::v-deep { ::v-deep {
.el-pagination.is-background .el-pager li:not(.disabled).active { // .el-pagination.is-background .el-pager li:not(.disabled).active {
.el-pagination.is-background .el-pager li.active {
background: rgba(98, 177, 255, 1); background: rgba(98, 177, 255, 1);
border-radius: 50%; border-radius: 50%;
} }
.el-pagination .btn-next .el-icon, .el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon { .el-pagination .btn-prev .el-icon {
font-size: .4rem; font-size: 0.4rem;
} }
.is-background.el-pagination--small .el-pager li { .is-background.el-pagination--small .el-pager li {
@ -174,13 +171,10 @@ export default {
.el-pagination.is-background.el-pagination--small .el-pager li { .el-pagination.is-background.el-pagination--small .el-pager li {
border-radius: 50%; border-radius: 50%;
} }
} }
// }
} }
section { section {
// padding-top: 0; // padding-top: 0;
padding-top: 0.45rem; padding-top: 0.45rem;