jpcj-pc/src/views/home/markLine/index.vue

<template>
  <div class="pt21 pl30">
    <div class="content">
      <div class=" w-full h-full bg-white flex flex-wrap items-start content-start">
        <div
        v-for="(item,index) in 9"
        :key="index"
          class="bg-white w240 h250 flex justify-center items-center content-center flex-wrap mb20"
        >
          <img class="w150" src="@/assets/img/home/forbidden_mark.png" />
          <div class="font-bold w-full mt15">禁令标志</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    return {};
  },
});
</script>

<style scoped>
.content {
  width: 1603px;
  height: 885px;
  display: flex;
  flex-wrap: wrap;
}
</style>