| | |
| | | <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> |
| | |
| | | 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) |
| | |
| | | <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> |
| | |
| | | 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:'信息清晰呈现,流程精准指引,为医患沟通提供专业载体' |
| | | } |