设备管理 样式调整

mark

2022-10-25 f20a554bdb24e9dfde9dc6a69d78595944f61d15

 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) {