0017
/
iot-ui-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: 调整首页自适应

This commit is contained in:
xieyonghong 2023-04-10 13:49:56 +08:00
parent 915f118b26
commit bf48c292db
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/views/home/components/StepCard.vue
View File

@ -14,8 +14,8 @@
<div class="list-item" v-for="item in props.dataList"> <div class="list-item" v-for="item in props.dataList">
<div class="item-content"> <div class="item-content">
<div class="box-top" @click="jumpPage(item)"> <div class="box-top" @click="jumpPage(item)">
<span class="top-title">{{ item.title }}</span>
<img :src="item.iconUrl" alt="" /> <img :src="item.iconUrl" alt="" />
<span class="top-title">{{ item.title }}</span>
</div> </div>
<div class="box-details">{{ item.details }}</div> <div class="box-details">{{ item.details }}</div>
</div> </div>
@ -108,6 +108,10 @@ const jumpPage = (row: recommendList) => {
z-index: 1; z-index: 1;
height: 100%; height: 100%;
} }
span {
position: relative;
z-index: 2;
}
} }
.box-details { .box-details {
padding: 24px; padding: 24px;
@ -129,4 +133,20 @@ const jumpPage = (row: recommendList) => {
} }
} }
} }
@media (min-width: @screen-md-min) {
.step-container {
.box-list {
.list-item {
.box-top {
font-size: 12px;
padding: 12px 18px;
}
.box-details {
padding: 12px;
}
}
}
}
}
</style> </style>