A1300399510/PC-questions-answers
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
A1300399510 2023-12-08 19:08:40 +08:00
parent 9ffc19ed65
commit d9398fa854
4 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/index.css
View File

@ -249,7 +249,7 @@ header.page-header .box .tab-list .item.pitch::after {
border-top: 1px solid #ebebeb; border-top: 1px solid #ebebeb;
} }
#answer-app .main .main-header { #answer-app .main .main-header {
min-width: 512px; min-width: 508px;
margin: 0 auto; margin: 0 auto;
padding-left: calc((100vw - 1200px) / 2); padding-left: calc((100vw - 1200px) / 2);
display: inline-flex; display: inline-flex;
@ -294,7 +294,7 @@ header.page-header .box .tab-list .item.pitch::after {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
min-width: 512px; min-width: 508px;
} }
#answer-app .main .list-box .list .item { #answer-app .main .list-box .list .item {
cursor: pointer; cursor: pointer;

4
css/index.less
View File

@ -310,7 +310,7 @@ header.page-header .box .tab-list .item.pitch::after {
.main-header { .main-header {
// width: 1200px; // width: 1200px;
min-width: 512px; min-width: 508px;
margin: 0 auto; margin: 0 auto;
// justify-content: space-between; // justify-content: space-between;
padding-left: calc((100vw - 1200px) / 2); padding-left: calc((100vw - 1200px) / 2);
@ -371,7 +371,7 @@ header.page-header .box .tab-list .item.pitch::after {
justify-content: space-between; justify-content: space-between;
// margin: 0 auto; // margin: 0 auto;
position: relative; position: relative;
min-width: 512px; min-width: 508px;
.item { .item {
cursor: pointer; cursor: pointer;

3
index.html
View File

@ -81,7 +81,8 @@
</div> </div>
</div> </div>
<div class="empty-box flexcenter" v-if="isSearchMode && list.length == 0"> <!-- <div class="empty-box flexcenter" v-if="isSearchMode && list.length == 0"> -->
<div class="empty-box flexcenter" v-if="!loading && list.length == 0">
<div class="dot-list flexacenter"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"></div><img class="empty-icon" src="./img/empty-icon.svg"> <div class="dot-list flexacenter"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-yellow.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"><img class="item" src="./img/dot-gray.svg"></div><img class="empty-icon" src="./img/empty-icon.svg">
<div class="empty-hint">没有找到相关结果，请更换搜索关键词</div> <div class="empty-hint">没有找到相关结果，请更换搜索关键词</div>
</div> </div>

17
js/index.js
View File

@ -152,20 +152,19 @@ const forumApp = Vue.createApp({
let list = ref([]) // 列表数据 let list = ref([]) // 列表数据
let page = 1 let page = 1
let total = ref(0) // 回答总数 let total = ref(0) // 回答总数
let loading = false let loading = ref(false)
// 获取列表数据 // 获取列表数据
const getList = () => { const getList = () => {
if (page == 0 || loading) return if (page == 0 || loading.value) return
loading = true loading.value = true
$ajax("/api/lists", { $ajax("/api/lists", {
page, page,
limit: 20, limit: 20,
keyword: keyword.value, keyword: keyword.value,
type: typePitch.value, type: typePitch.value,
} }).then(res => {
).then(res => {
if (res.code != 200) return if (res.code != 200) return
let data = res.data let data = res.data
@ -183,7 +182,7 @@ const forumApp = Vue.createApp({
else isSearchMode.value = false else isSearchMode.value = false
}).finally(() => loading = false) }).finally(() => loading.value = false)
} }
let typeList = ref([]) let typeList = ref([])
@ -224,7 +223,7 @@ const forumApp = Vue.createApp({
if (detailLoading.value) return if (detailLoading.value) return
detailLoading.value = true detailLoading.value = true
uniqid = "fubm5CnD05qj" // 标记一下 8yr1m1fOH5CS // uniqid = "fubm5CnD05qj" // 标记一下 8yr1m1fOH5CS
detailsInfo.value = {} detailsInfo.value = {}
answerList.value = [] answerList.value = []
@ -1289,7 +1288,6 @@ const forumApp = Vue.createApp({
watch(() => { watch(() => {
if (questionsSetp.value || myType.value || IAnswerEditState.value || IAnswerState.value || dialogSrc.value) document.body.style.overflow = 'hidden' if (questionsSetp.value || myType.value || IAnswerEditState.value || IAnswerState.value || dialogSrc.value) document.body.style.overflow = 'hidden'
else document.body.style.overflow = 'auto' else document.body.style.overflow = 'auto'
}) })
return { return {
@ -1395,7 +1393,8 @@ const forumApp = Vue.createApp({
msg, msg,
myOpenDetails, myOpenDetails,
handleAnswerText, handleAnswerText,
getCurrentUrl getCurrentUrl,
loading,
}; };
} }