更改

zhangwei

2026-02-28 cac2d5a618758fb848b720eda78121a315382dc8

 src/views/business/magazine.vue

@@ -9,8 +9,17 @@
    <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 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"></el-image>
          <div class="font-['Source_Han_Sans_SC'] align-middle text-base m-8">
            <p class="font-medium leading-[22px] capitalize text-[#000] ">{{ url.value }}</p>
            <p class="font-normal leading-[25.5px] text-[#6D6C80]">{{ url.value1 }}</p>
          </div>
        </div>
      </div>
    </div>
  </div>
@@ -37,7 +46,17 @@
  gettab4: {}
})
const images = ref([{
    urls: [magazine1,magazine2,magazine3,magazine4,magazine5,magazine6,magazine7,magazine8,magazine9],
    urls: [
      {imagUrl:magazine1,value:'理论与改革',value1:'综合性理论刊物'},
      {imagUrl:magazine2,value:'成都人大',value1:'成都市人大常委会机关刊物'},
      {imagUrl:magazine3,value:'四川检察',value1:'期刊'},
      {imagUrl:magazine4,value:'四川政法',value1:'月刊'},
      {imagUrl:magazine5,value:'星星诗刊',value1:'刊物'},
      {imagUrl:magazine6,value:'成都税务',value1:'刊物'},
      {imagUrl:magazine7,value:'四川省医学科学院四川省人民医院',value1:'实用医院临床杂志'},
      {imagUrl:magazine8,value:'华西医科大学',value1:'学术期刊'},
      {imagUrl:magazine9,value:'中国药理学会、四川省中医药科学院',value1:'中药药理与临床期刊'},
    ],
    name: "期刊杂志",
    text:'信息清晰呈现，流程精准指引，为医患沟通提供专业载体'
}