修改取消跳转PC,修改图片大小
This commit is contained in:
parent
3c35324cfa
commit
72aa4006b7
1
dist/css/280.0915ca91.css
vendored
Normal file
1
dist/css/280.0915ca91.css
vendored
Normal 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
1
dist/css/313.9fa1ff12.css
vendored
File diff suppressed because one or more lines are too long
1
dist/css/429.027e6f19.css
vendored
Normal file
1
dist/css/429.027e6f19.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/539.32e23e1e.css
vendored
1
dist/css/539.32e23e1e.css
vendored
@ -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
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
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
1
dist/js/539.741db5c0.js
vendored
1
dist/js/539.741db5c0.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/app~42f9d7e6.39c5080e.js
vendored
Normal file
1
dist/js/app~42f9d7e6.39c5080e.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/app~42f9d7e6.45781542.js
vendored
1
dist/js/app~42f9d7e6.45781542.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -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>
|
||||||
|
|
||||||
|
@ -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()
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user