系统上线运行问题修改
This commit is contained in:
parent
5dcba00915
commit
812afaf9a4
|
|
@ -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%;
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
|
|
|
||||||
|
|
@ -32,7 +32,7 @@
|
||||||
|
|
||||||
<div class="product-info">
|
<div class="product-info">
|
||||||
<div class="product-info-header">
|
<div class="product-info-header">
|
||||||
<span>产品介绍 > {{titleName}}</span>
|
<span>{{titleName}}介绍</span>
|
||||||
<span
|
<span
|
||||||
class="primary-btn"
|
class="primary-btn"
|
||||||
@click="onHandleGoAccess"
|
@click="onHandleGoAccess"
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue