<template>
<div class="Index">
<div class="in_box">
<div class="pl_pr">
<!-- 顶部文本 -->
<p class="top_p">
请选择你所在学校,就可以看到该学校信息服务群二维码啦~
</p>
<!-- 搜索框 -->
<div class="search_box">
<input
v-model="keyWord"
class="inp"
type="text"
placeholder="搜索学校"
/>
<img
@click="getList"
class="search_img"
src="@/assets/images/select_right.png"
alt=""
/>
</div>
</div>
<!-- 学校列表 -->
<div class="country_border" ref="countryList">
<div v-for="(item, index) in dataList" :key="index">
<div class="initials" :data-en="item.title">{
{ item.title }}</div>
<div
class="item_data"
:class="{ active: schoolId == item1.collegeId }"
v-for="(item1, index1) in item.collegeData"
:key="index1"
@click="schoolId = item1.collegeId"
>
<div>{
{ item1.name }}</div>
</div>
</d
vue实现字母导航
最新推荐文章于 2023-08-21 13:48:11 发布