系统上线运行问题修改
This commit is contained in:
parent
5dcba00915
commit
812afaf9a4
|
|
@ -44,7 +44,8 @@
|
|||
>
|
||||
<div class="card-image" @click="previewDocs(item)">
|
||||
<ImagePreview
|
||||
:height="150"
|
||||
style="margin-top: -10px"
|
||||
:height="200"
|
||||
:borderRadius="10"
|
||||
:width="itemWidth"
|
||||
:src1="item.image"
|
||||
|
|
@ -195,7 +196,7 @@ export default {
|
|||
|
||||
// 获取产品卡片宽度
|
||||
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
|
||||
},
|
||||
|
||||
|
||||
// 预览文档
|
||||
previewDocs(item) {
|
||||
const {fileName, filePath} = item;
|
||||
|
|
@ -477,11 +477,13 @@ export default {
|
|||
overflow-y: auto;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 20px;
|
||||
gap: 0px;
|
||||
margin-left: 30px;
|
||||
row-gap: 40px;
|
||||
|
||||
.services-grid {
|
||||
height: 240px; /* 给子元素设置固定高度以便测试滚动 */
|
||||
width: 365px;
|
||||
height: 280px; /* 给子元素设置固定高度以便测试滚动 */
|
||||
width: 354px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -498,7 +500,7 @@ export default {
|
|||
}
|
||||
|
||||
.card-image {
|
||||
height: 165px;
|
||||
height: 200px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@
|
|||
>
|
||||
<div class="card-image">
|
||||
<ImagePreview
|
||||
:height="150"
|
||||
:height="182"
|
||||
:borderRadius="10"
|
||||
:width="itemWidth"
|
||||
:src1="item.linkImage"
|
||||
|
|
@ -100,7 +100,7 @@ export default {
|
|||
methods: {
|
||||
// 获取产品卡片宽度
|
||||
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;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
gap: 33px;
|
||||
gap: 0px;
|
||||
margin-left: 30px;
|
||||
row-gap: 40px;
|
||||
|
||||
.services-grid {
|
||||
height: 260px; /* 给子元素设置固定高度以便测试滚动 */
|
||||
width: 365px;
|
||||
height: 300px; /* 给子元素设置固定高度以便测试滚动 */
|
||||
width: 354px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -305,7 +307,7 @@ export default {
|
|||
}
|
||||
|
||||
.card-image {
|
||||
height: 165px;
|
||||
height: 200px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
|
||||
<div class="product-info">
|
||||
<div class="product-info-header">
|
||||
<span>产品介绍 > {{titleName}}</span>
|
||||
<span>{{titleName}}介绍</span>
|
||||
<span
|
||||
class="primary-btn"
|
||||
@click="onHandleGoAccess"
|
||||
|
|
|
|||
Loading…
Reference in New Issue