hjyd-mobile/src/components/News.vue

<template>
  <div class="news_container">
    <HeadLine title="新闻/NEWS" line1="获取行业最新咨询" />
    <div class="card_wrap">
      <div class="card"></div>
      <div class="card"></div>
      <div class="card"></div>
    </div>
  </div>
</template>

<script setup>
import HeadLine from 'cpns/HeadLine'
</script>

<style lang="scss" scoped>
.news_container {
  .card_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 7px;
    box-sizing: border-box;
    .card {
      flex: 1;
      background: #000;
      height: 160px;
    }
  }
}
</style>