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

a1300399510@qq.com 提交于 2023/04/03 -17:00:02

Browse Source
This commit is contained in:
XiaoMo 2023-04-03 17:00:11 +08:00
parent 510b10e15c
commit 0b09358ccf
5 changed files with 144 additions and 150 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/hintbox.vue Executable file
View File

@ -0,0 +1,41 @@
<template>
<div class="hint-box flexcenter" v-if="messageHint" v-html="messageHint"></div>
</template>
<script>
export default {
name: 'Hintbox',
data() {
return {
messageHint: "",
};
},
mounted() {
},
methods: {
},
};
</script>
<style lang="scss" scoped>
.hint-box {
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
padding: 0.2667rem 0.5333rem;
border-radius: 0.1333rem;
font-size: 0.3733rem;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 100;
width: fit-content;
max-width: 78%;
}
</style>

94
src/components/indexList.vue Executable file
View File

@ -0,0 +1,94 @@
<template>
<div>
<!-- 帖子 -->
<div class="card-box">
<div class="top moreEllipsis">
<div class="top-label">经验</div>
<div class="top-title">23fall 美国llm 求定位</div>
</div>
<div class="center">
<div class="center-text moreEllipsis">背景：生于80年代中期，英语基础不好，备考托福3个月，刚好100分。2018年8月开始读LLM. 读书期间Point
Bar6666666666666666666666</div>
</div>
<div class="bottom">
<div class="bottom-box">
<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
<div class="bottom-name">匿名用户</div>
</div>
<div class="bottom-box">
<div class="bottom-right">
<svg-icon icon-class="look" class-name="icon-look"></svg-icon>
<div>1552</div>
</div>
<div class="bottom-right">
<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
<div>12</div>
</div>
</div>
</div>
<!-- 精华 -->
<div class="rightTop">
<img class="rightTop-img" src="@/assets/img/icon/topRight .png">
<span>精华</span>
</div>
</div>
<div class="card-box">
<div class="top moreEllipsis">
<div class="top-label">经验</div>
<div class="top-title">23fall 美国llm 求定位</div>
</div>
<div class="center">
<div class="center-text-visible">
回复可见
</div>
</div>
<div class="bottom">
<div class="bottom-box">
<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
<div class="bottom-name">匿名用户</div>
</div>
<div class="bottom-box">
<div class="bottom-right">
<svg-icon icon-class="look" class-name="icon-look"></svg-icon>
<div>1552</div>
</div>
<div class="bottom-right">
<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
<div>12</div>
</div>
</div>
</div>
</div>
<!-- 广告 -->
<div class="banner-box">
<svg-icon icon-class="test-banner" class-name="banner"></svg-icon>
</div>
<!-- 分页 -->
<div class="paging-box">
<el-pagination layout="prev, pager, next" :total="100">
</el-pagination>
</div>
</div>
</template>
<script>
export default {
name: 'IndexList',
data() {
return {
};
},
props: [],
mounted() {
},
methods: {
},
};
</script>
<style lang="scss" scoped></style>

1
src/views/index/allSections/AllSections.vue
View File

@ -32,7 +32,6 @@ export default {
list: [{}],
postCollectionState: false, // 收藏的请求的状态
}
},
methods: {

85
src/views/index/collect/Collect.vue
View File

@ -54,85 +54,7 @@
<plate-navigation stairname="寄托学术类备" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
<!-- 内容区域 -->
<section>
<!-- 帖子 -->
<div class="card-box">
<!-- 标题 -->
<div class="top moreEllipsis">
<div class="top-label">经验</div>
<div class="top-title">23fall 美国llm 求定位</div>
</div>
<!-- 帖子内容 -->
<div class="center">
<div class="center-text moreEllipsis">
背景：生于80年代中期，英语基础不好，备考托福3个月，刚好100分。2018年8月开始读LLM.
读书期间Point Bar6666666666666666666666
</div>
</div>
<!-- 头像、浏览量、消息 -->
<div class="bottom">
<div class="bottom-box">
<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
<div class="bottom-name">匿名用户</div>
</div>
<div class="bottom-box">
<div class="bottom-right">
<svg-icon icon-class="look" class-name="icon-look"></svg-icon>
<div>1552</div>
</div>
<div class="bottom-right">
<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
<div>12</div>
</div>
</div>
</div>
<!-- 精华 -->
<div class="rightTop">
<img class="rightTop-img" src="@/assets/img/icon/topRight .png">
<span>精华</span>
</div>
</div>
<div class="card-box">
<!-- 帖子标题 -->
<div class="top moreEllipsis">
<div class="top-label">经验</div>
<div class="top-title">23fall 美国llm 求定位</div>
</div>
<!-- 帖子内容 -->
<div class="center">
<div class="center-text-visible">回复可见</div>
</div>
<!-- 头像、浏览量、消息 -->
<div class="bottom">
<div class="bottom-box">
<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
<div class="bottom-name">匿名用户</div>
</div>
<div class="bottom-box">
<div class="bottom-right">
<svg-icon icon-class="look" class-name="icon-look"></svg-icon>
<div>1552</div>
</div>
<div class="bottom-right">
<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
<div>12</div>
</div>
</div>
</div>
<!-- 精华 -->
<div class="rightTop">
<img class="rightTop-img" src="@/assets/img/icon/topRight .png">
<span>精华</span>
</div>
</div>
<!-- 广告 -->
<div class="banner-box">
<svg-icon icon-class="test-banner" class-name="banner"></svg-icon>
</div>
<!-- 分页 -->
<!-- <div class="paging-box">
<el-pagination layout="prev, pager, next" :total="100">
</el-pagination>
</div> -->
<index-list></index-list>
</section>
</div>
</div>
@ -140,6 +62,8 @@
<script>
import plateNavigation from '@/components/PlateNavigation'
import indexList from '@/components/indexList'
export default {
name: "Collect",
data() {
@ -166,7 +90,8 @@ export default {
};
},
components: {
plateNavigation
plateNavigation,
indexList
},
methods: {
hotLabelClick(index) {

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

@ -8,80 +8,14 @@
<!-- 路径 -->
<plate-navigation stairname="香港澳门台湾" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
<section>
<!-- 帖子 -->
<div class="card-box">
<div class="top moreEllipsis">
<div class="top-label">经验</div>
<div class="top-title">23fall 美国llm 求定位</div>
</div>
<div class="center">
<div class="center-text moreEllipsis">背景：生于80年代中期，英语基础不好，备考托福3个月，刚好100分。2018年8月开始读LLM. 读书期间Point
Bar6666666666666666666666</div>
</div>
<div class="bottom">
<div class="bottom-box">
<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
<div class="bottom-name">匿名用户</div>
</div>
<div class="bottom-box">
<div class="bottom-right">
<svg-icon icon-class="look" class-name="icon-look"></svg-icon>
<div>1552</div>
</div>
<div class="bottom-right">
<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
<div>12</div>
</div>
</div>
</div>
<!-- 精华 -->
<div class="rightTop">
<img class="rightTop-img" src="@/assets/img/icon/topRight .png">
<span>精华</span>
</div>
</div>
<div class="card-box">
<div class="top moreEllipsis">
<div class="top-label">经验</div>
<div class="top-title">23fall 美国llm 求定位</div>
</div>
<div class="center">
<div class="center-text-visible">
回复可见
</div>
</div>
<div class="bottom">
<div class="bottom-box">
<svg-icon icon-class="test-head" class-name="icon-head"></svg-icon>
<div class="bottom-name">匿名用户</div>
</div>
<div class="bottom-box">
<div class="bottom-right">
<svg-icon icon-class="look" class-name="icon-look"></svg-icon>
<div>1552</div>
</div>
<div class="bottom-right">
<svg-icon icon-class="msg" class-name="icon-msg"></svg-icon>
<div>12</div>
</div>
</div>
</div>
</div>
<!-- 广告 -->
<div class="banner-box">
<svg-icon icon-class="test-banner" class-name="banner"></svg-icon>
</div>
<!-- 分页 -->
<div class="paging-box">
<el-pagination layout="prev, pager, next" :total="100">
</el-pagination>
</div>
<index-list></index-list>
</section>
</div>
</template>
<script>
import plateNavigation from '@/components/PlateNavigation.vue'
import indexList from '@/components/indexList.vue'
export default {
name: "Recommend",//推荐阅读
data() {
@ -104,7 +38,8 @@ export default {
}
},
components: {
plateNavigation
plateNavigation,
indexList,
},
methods: {
hotLabelClick(index) {