Tenlion/copyright-official-website
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改了帮助中心和客服中心的搜索样式

Browse Source
This commit is contained in:
zhangyong 2024-06-12 10:41:06 +08:00
parent b86f3ac7ee
commit 0feb96fd10
3 changed files with 19 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

24
src/components/HelpCenter.vue
View File

@ -173,6 +173,7 @@ export default {
number: 0, number: 0,
items: [], items: [],
content: [], content: [],
contentOne: '',
// 默认展开的菜单项索引数组 // 默认展开的菜单项索引数组
defaultOpeneds: [], defaultOpeneds: [],
// 用于追踪每个子菜单的展开状态 // 用于追踪每个子菜单的展开状态
@ -205,7 +206,7 @@ export default {
if(detail === 1 ) { if(detail === 1 ) {
var url = 'https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=' + contendId var url = 'https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=' + contendId
axios.get(url).then(response => { axios.get(url).then(response => {
console.log(response.data) // console.log(response.data)
var content = response.data[0].richContent var content = response.data[0].richContent
// console.log(content) // console.log(content)
contentBox.innerHTML = content contentBox.innerHTML = content
@ -217,7 +218,7 @@ export default {
}, },
getData () { getData () {
axios.get(`https://www.aimzhu.com/operator/app/help-detail/listpagerelease/${this.pageSize}/${this.currentPage}?keywords=${this.searchQuery}`) axios.get(`https://www.aimzhu.com/operator/app/help-detail/listpagerelease/${this.pageSize}/${this.currentPage}?keywords=${this.searchQuery}`)
.then(response => { .then(response => {
// console.log(response.data); // console.log(response.data);
@ -232,7 +233,7 @@ export default {
this.result0 = true this.result0 = true
this.result1 = false this.result1 = false
} }
console.log(this.searchQuery); // console.log(this.searchQuery);
}) })
.catch(function (error) { .catch(function (error) {
@ -252,12 +253,12 @@ export default {
// return this.pagedData.slice(start, end); // return this.pagedData.slice(start, end);
// }, // },
updatePagination() { // updatePagination() {
this.pagedItems = this.pagedData.slice( // this.pagedItems = this.pagedData.slice(
(this.currentPage - 1) * this.pageSize, // (this.currentPage - 1) * this.pageSize,
this.currentPage * this.pageSize // this.currentPage * this.pageSize
); // );
}, // },
handlePageChange(page) { handlePageChange(page) {
this.currentPage = page; this.currentPage = page;
@ -325,6 +326,7 @@ export default {
let url0 = 'https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=' + contendId0 let url0 = 'https://www.aimzhu.com/operator/app/help-detail/listrelease?helpTypeId=' + contendId0
axios.get(url0).then(response => { axios.get(url0).then(response => {
// console.log(response.data[0].richContent); // console.log(response.data[0].richContent);
this.contentOne = response.data[0].richContent
var content0 = response.data[0].richContent var content0 = response.data[0].richContent
let contentBox0 = document.querySelector('.contentBox') let contentBox0 = document.querySelector('.contentBox')
contentBox0.innerHTML = content0 contentBox0.innerHTML = content0
@ -451,6 +453,10 @@ export default {
letter-spacing: 2px; letter-spacing: 2px;
color: #FFF; color: #FFF;
} }
.help-center .box-bottom .box .boxTitle span #search:hover {
cursor: pointer;
opacity: 0.9;
}
#contentArea { #contentArea {
line-height: 2.1; line-height: 2.1;
} }

4
src/components/KeFu.vue
View File

@ -239,6 +239,10 @@ export default {
color: #FFF; color: #FFF;
border: none; border: none;
} }
.ke-fu .box-bottom .box .left-box .kefu-sub .kefu-search #search:hover {
cursor: pointer;
opacity: 0.8;
}
.ke-fu .box-bottom .box .left-box ul { .ke-fu .box-bottom .box .left-box ul {
display: flex; display: flex;
height: 140px; height: 140px;