更改

zhangwei

2026-02-28 cac2d5a618758fb848b720eda78121a315382dc8

 src/views/business/enrollment.vue

@@ -9,8 +9,14 @@
    <div v-for="(item,index) in images" :key="index">
      <p class="font-['Source_Han_Sans_CN_VF'] font-bold text-[40px] leading-[50px] tracking-[10%] text-center align-middle capitalize pt-10" style="color:#000;">{{item.name}}</p>
      <p class="font-['Source_Han_Sans_SC'] font-normal text-[20px] leading-[38px] tracking-[20%] text-center capitalize text-[#696969] p-10" >{{ item.text }}</p>
      <div class="content flex flex-between flex-wrap" >
      <!-- <div class="content flex flex-between flex-wrap" >
        <el-image :src="url" v-for="(url,index) in item.urls" :key="index"  style="width: 385.51px; height: 459.32px" class=" content mt-2 mr-auto mx-6"></el-image>
      </div> -->
      <div class="content flex flex-between flex-wrap justify-between ">
        <div class="w-[30%] flex flex-wrap  justify-center shadow-[0_4px_12px_rgba(208,208,208,0.2)] mb-8"  v-for="(url,index) in item.urls">
          <el-image :src="url.imagUrl"  :key="index"  style="width: 385.51px; height: 366.99px" :class="index==0?'bg-[#d4d4d4]':''"></el-image>
          <span class="font-medium text-base leading-[22px] align-middle capitalize font-['Source_Han_Sans_SC'] text-[#000] m-8">{{ url.value }}</span>
        </div>
      </div>
    </div>
  </div>
@@ -37,11 +43,33 @@
  gettab4: {}
})
const images = ref([{
    urls: [enrollment1,enrollment2,enrollment3,enrollment4,enrollment5,enrollment6,enrollment7,enrollment8,enrollment9],
    // urls: [enrollment1,enrollment2,enrollment3,enrollment4,enrollment5,enrollment6,enrollment7,enrollment8,enrollment9],
    urls: [
      {imagUrl:enrollment1,value:'招生简章'},
      {imagUrl:enrollment2,value:'报考指南'},
      {imagUrl:enrollment3,value:'招生简章'},
      {imagUrl:enrollment4,value:'就业资料'},
      {imagUrl:enrollment5,value:'录取通知书'},
      {imagUrl:enrollment6,value:'倒计时挂历'},
      {imagUrl:enrollment7,value:'校徽'},
      {imagUrl:enrollment8,value:'学生证'},
      {imagUrl:enrollment9,value:'毕业证'},
    ],
    name: "招生资料",
    text:'信息清晰呈现，流程精准指引，为医患沟通提供专业载体'
}
])
const ImgaeData = [
  {imagUrl:enrollment1,value:'招生简章'},
  {imagUrl:enrollment2,value:'报考指南'},
  {imagUrl:enrollment3,value:'招生简章'},
  {imagUrl:enrollment4,value:'就业资料'},
  {imagUrl:enrollment5,value:'录取通知书'},
  {imagUrl:enrollment6,value:'倒计时挂历'},
  {imagUrl:enrollment7,value:'校徽'},
  {imagUrl:enrollment8,value:'学生证'},
  {imagUrl:enrollment9,value:'毕业证'},
]
onMounted(() => {

  articleInfos(1)