From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001
From: mark <mark18340872469@163.com>
Date: 星期二, 25 十月 2022 14:53:57 +0800
Subject: [PATCH] 设备管理 样式调整
---
src/views/trialCenter/components/SdkList.vue | 16 ++++++++++++----
1 files changed, 12 insertions(+), 4 deletions(-)
diff --git a/src/views/trialCenter/components/SdkList.vue b/src/views/trialCenter/components/SdkList.vue
index ba37b3c..95583fe 100644
--- a/src/views/trialCenter/components/SdkList.vue
+++ b/src/views/trialCenter/components/SdkList.vue
@@ -2,8 +2,12 @@
<div class="SdkList">
<div class="title">鍏嶈垂璇曠敤绠楁硶</div>
- <div class="list heart">
- <SdkItem v-for="i in 16" :key="i"></SdkItem>
+ <div class="list scroll heart">
+ <SdkItem
+ v-for="(item, index) in freeSdk"
+ :key="index"
+ :sdk="item"
+ ></SdkItem>
</div>
</div>
</template>
@@ -11,6 +15,9 @@
<script>
import SdkItem from "@/views/trialCenter/components/SdkItem";
export default {
+ props: {
+ freeSdk: {},
+ },
components: {
SdkItem,
},
@@ -21,7 +28,7 @@
.SdkList {
overflow: hidden;
padding-bottom: 40px;
- background: url("/images/trialCenter/璇曠敤涓績.png");
+ background: url("/images/trialCenter/center.png");
background-size: cover;
.title {
@@ -32,12 +39,13 @@
}
.list {
+ max-height: 960px;
width: 1280px;
display: flex;
flex-wrap: wrap;
.SdkItem {
- margin-right: 24px;
+ margin-right: 22px;
margin-bottom: 40px;
&:nth-child(4n) {
--
Gitblit v1.8.0