系统上线运行问题修改

This commit is contained in:
lSun 2025-09-22 18:32:05 +08:00
parent 5dcba00915
commit 812afaf9a4
3 changed files with 18 additions and 14 deletions

View File

@ -44,7 +44,8 @@
> >
<div class="card-image" @click="previewDocs(item)"> <div class="card-image" @click="previewDocs(item)">
<ImagePreview <ImagePreview
:height="150" style="margin-top: -10px"
:height="200"
:borderRadius="10" :borderRadius="10"
:width="itemWidth" :width="itemWidth"
:src1="item.image" :src1="item.image"
@ -195,7 +196,7 @@ export default {
// //
getItemWidth() { getItemWidth() {
this.itemWidth = (this.$refs.servicesGrid?.clientWidth - 280) / 4 this.itemWidth = (this.$refs.servicesGrid?.clientWidth - 320) / 4
}, },
// //
@ -324,7 +325,6 @@ export default {
this.dialogConfig.outerVisible = false this.dialogConfig.outerVisible = false
}, },
// //
previewDocs(item) { previewDocs(item) {
const {fileName, filePath} = item; const {fileName, filePath} = item;
@ -477,11 +477,13 @@ export default {
overflow-y: auto; overflow-y: auto;
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
gap: 20px; gap: 0px;
margin-left: 30px;
row-gap: 40px;
.services-grid { .services-grid {
height: 240px; /* 给子元素设置固定高度以便测试滚动 */ height: 280px; /* 给子元素设置固定高度以便测试滚动 */
width: 365px; width: 354px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -498,7 +500,7 @@ export default {
} }
.card-image { .card-image {
height: 165px; height: 200px;
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-top-right-radius: 10px; border-top-right-radius: 10px;
width: 100%; width: 100%;

View File

@ -23,7 +23,7 @@
> >
<div class="card-image"> <div class="card-image">
<ImagePreview <ImagePreview
:height="150" :height="182"
:borderRadius="10" :borderRadius="10"
:width="itemWidth" :width="itemWidth"
:src1="item.linkImage" :src1="item.linkImage"
@ -100,7 +100,7 @@ export default {
methods: { methods: {
// //
getItemWidth() { getItemWidth() {
this.itemWidth = (this.$refs.servicesGrid?.clientWidth - 280) / 4 this.itemWidth = (this.$refs.servicesGrid?.clientWidth - 320) / 4
}, },
// //
@ -284,11 +284,13 @@ export default {
overflow-y: auto; overflow-y: auto;
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
gap: 33px; gap: 0px;
margin-left: 30px;
row-gap: 40px;
.services-grid { .services-grid {
height: 260px; /* 给子元素设置固定高度以便测试滚动 */ height: 300px; /* 给子元素设置固定高度以便测试滚动 */
width: 365px; width: 354px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -305,7 +307,7 @@ export default {
} }
.card-image { .card-image {
height: 165px; height: 200px;
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-top-right-radius: 10px; border-top-right-radius: 10px;
width: 100%; width: 100%;

View File

@ -32,7 +32,7 @@
<div class="product-info"> <div class="product-info">
<div class="product-info-header"> <div class="product-info-header">
<span>产品介绍 &gt; {{titleName}}</span> <span>{{titleName}}介绍</span>
<span <span
class="primary-btn" class="primary-btn"
@click="onHandleGoAccess" @click="onHandleGoAccess"