master

分支 (1)

管理

管理

master

international-schools-mobile
/
privateSchool.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="icon" href="./favicon.ico" />
<title>私立学校</title>
<script src="./assets/js/global.js"></script>
</head>

<body>

<div v-cloak id="app">
  <zb-main>

    <!-- banner -->
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(item,index) in banners" :key="index">
        <img :src="item" alt="">
      </van-swipe-item>
    </van-swipe>

    <div class="index-card index-module-5" style="padding-top:0.45rem">
      <div class="titles">
        <img src="./assets/images/index/tag.png" alt="" class="icon">
        <div class="bt">国际学校专题</div>
        <div class="content">大家都在找最好的学校，为孩子全力以赴</div>
      </div>
      <div class="banners">
        <van-swipe style="width:100%" indicator-color="#FF2E30">
          <van-swipe-item v-for="(item,index) in popularInternationalTopics" :key="index">
            <div class="list clearfix">
              <div v-for="(sub,idx) in item" :key="idx" class="item fl">
                <div class="image">
                  <img :src="sub.src" alt="">
                </div>
                <div class="name">{{sub.name}}</div>
                <div class="view">{{sub.view}}</div>
                <a class="btn"></a>
              </div>
            </div>
          </van-swipe-item>
        </van-swipe>
      </div>
    </div>

    <div class="margin"></div>

    <div class="internationalSchool-module-1">
      <index-title title="私立学校入学指导" top="0.38rem" bottom="0.3rem"></index-title>
      <div class="card">
        <div class="head">
          <img src="./assets/images/internationalSchool/ico-1.png" alt="" class="icon">
          <div class="name">招生年级</div>
          <div class="line"></div>
        </div>
        <div class="content grades">
          <div class="grade-list">
            <a href="privatePrimarySchool.html" class="grade-item">私立小学</a>
            <a href="privateMiddleSchool.html" class="grade-item">私立初中</a>
            <a href="privateHighSchool.html" class="grade-item" style="width:94%">私立高中</a>
          </div>
        </div>
      </div>
      <div class="card">
        <div class="head">
          <img src="./assets/images/internationalSchool/ico-2.png" alt="" class="icon">
          <div class="name">招生政策</div>
          <div class="line"></div>
        </div>
        <div class="content courses private-course">
          <div class="course-list">
            <div v-for="(item,index) in courseList" :key="index" class="item">{{item}}</div>
          </div>
        </div>
      </div>
      <div class="card">
        <div class="head">
          <img src="./assets/images/internationalSchool/ico-3.png" alt="" class="icon">
          <div class="name">热招地区</div>
          <div class="line"></div>
        </div>
        <div class="content">
          <div class="regions">
            <div v-for="(item,index) in hotRegionList" :key="index" class="item">{{item}}</div>
          </div>
          <div class="conditions">
            <div class="item">
              <img src="./assets/images/internationalSchool/icon-1.png" alt="" class="icon">
              <div class="name">国际学校学费</div>
            </div>
            <div class="item">
              <img src="./assets/images/internationalSchool/icon-2.png" alt="" class="icon">
              <div class="name">国家学校排名</div>
            </div>
            <div class="item">
              <img src="./assets/images/internationalSchool/icon-3.png" alt="" class="icon">
              <div class="name">招生报考条件</div>
            </div>
            <div class="item">
              <img src="./assets/images/internationalSchool/icon-4.png" alt="" class="icon">
              <div class="name">入学申请流程</div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="margin"></div>

    <div class="quick-module-1 quick-module-2">
      <index-title title="最新资讯" bottom="0.5rem">有问必有答</index-title>
      <div class="news-wrapper">
        <div class="news-list">
          <div class="item item-1">
            <div class="head">
              <div class="rank">01</div>
              <div class="bt">择校必读</div>
            </div>
            <div class="box">
              <a class="sub" href="newsDetail.html?id=1"><span>【最新】</span>2023年秋季招生，耀华国际教育学校北京亦庄校区...</a>
              <a class="sub" href="newsDetail.html?id=2">【最新】2023年泛洋文华学校录取分数线是多少?</a>
              <a class="sub" href="newsDetail.html?id=3">【最新】北京新府学外国语学校排名怎么样?</a>
            </div>
          </div>
          <div class="item item-2">
            <div class="head">
              <div class="rank">02</div>
              <div class="bt">优质选校</div>
            </div>
            <div class="box">
              <a class="sub" href="newsDetail.html?id=4"><span>【最新】</span>2023年秋季招生，耀华国际教育学校北京亦庄校区...</a>
              <a class="sub" href="newsDetail.html?id=5">【最新】2023年泛洋文华学校录取分数线是多少?</a>
              <a class="sub" href="newsDetail.html?id=6">【最新】北京新府学外国语学校排名怎么样?</a>
            </div>
          </div>
          <div class="item item-3">
            <div class="head">
              <div class="rank">03</div>
              <div class="bt">百所院校</div>
            </div>
            <div class="box">
              <a class="sub" href="newsDetail.html?id=4"><span>【最新】</span>2023年秋季招生，耀华国际教育学校北京亦庄校区...</a>
              <a class="sub" href="newsDetail.html?id=5">【最新】2023年泛洋文华学校录取分数线是多少?</a>
              <a class="sub" href="newsDetail.html?id=6">【最新】北京新府学外国语学校排名怎么样?</a>
            </div>
          </div>
        </div>
      </div>
      <div class="list">
        <div v-for="(item,index) in newsList" :key="index" class="item" :style="{
          backgroundColor: item.bgColor,
          color: item.color
        }">
          <img :src="item.icon" alt="" class="icon">
          <div class="name">{{item.name}}</div>
        </div>
      </div>
    </div>

    <div class="margin"></div>

    <div class="internationalSchool-module-2">
      <index-title title="什么是私立学校" top="0.33rem" bottom="0.4rem"></index-title>
      <div class="navs">
        <div v-for="(item,index) in schoolTypes" :key="index" class="item" :class="'item-' + (index + 1) + (activeType === index ? ' active' : '')" @click="activeType = index">{{item.name}}</div>
      </div>
      <div class="nav-box">
        <div class="top">
          <div class="left">
            <span>私立{{schoolTypes[activeType].name}}</span>
          </div>
          <div class="right">{{schoolTypes[activeType].top_remark}}</div>
        </div>
        <div class="bottom">
          <div v-for="(item,index) in schoolTypes[activeType].tiaojian" :key="index" class="item">
            <div class="label">{{item.lab}}：</div>
            <div class="value" v-html="item.text"></div>
          </div>

        </div>
      </div>
      <div class="citys">
        <div v-for="(item,index) in schoolTypes[activeType].school" :key="index" class="item" :class="{ active: activeCity === index }" @click="activeCity = index">{{item.area}}</div>
      </div>
      <div class="schools">
        <a v-for="(item,index) in schoolTypes[activeType].school[activeCity].list" :href="'schoolDetail.html?id=' + (index + 1)" :key="index" class="item">{{item.name}}</a>
      </div>

    </div>

  </zb-main>
</div>

<script type="text/babel">
  new Vue({
    el: '#app',
    data: {
      banners: [
        './assets/images/index/banner-1.png',
        './assets/images/index/banner-2.png',
        './assets/images/index/banner-3.png',
        './assets/images/index/banner-4.png',
      ],
      // 开设课程
      courseList: [
        '海淀区入学政策',
        '朝阳区入学政策',
        '昌平区入学政策',
        '通州区入学政策',
        '丰台区入学政策',
        '私立借读政策',
        '非京籍四证',
        '中考政策要求',
        '高考政策要求'
      ],
      // 热招地区
      hotRegionList: [
        '北京国际学校',
        '天津国际学校',
        '河北国际学校',
        '四川国际学校',
        '山东国际学校'
      ],
      // 热门国际学校专题
      popularInternationalTopics: [
        [
          {id:1, name:"私立学校学费", src:"./assets/images/home/sl-zt1.png", view:"10586", path:""},
          {id:2, name:"私立学校排名", src:"./assets/images/home/sl-zt2.png", view:"10586", path:""},
          {id:3, name:"非京籍在北京上高中", src:"./assets/images/home/sl-zt3.png", view:"10586", path:""},
        ],
        [
          {id:4, name:"私立学校和公立学校区别", src:"./assets/images/home/sl-zt4.png", view:"10586", path:""},
          {id:5, name:"民办学校是什么意思", src:"./assets/images/home/sl-zt5.png", view:"10586", path:""},
        ],
      ],
      // 最新资讯
      newsList: [
        { icon: './assets/images/quickSelection/icon-1.png', name: '非京籍读国际学校', bgColor: '#e9fbf2', color: '#2ed28a' },
        { icon: './assets/images/quickSelection/icon-2.png', name: '国际学校入学条件', bgColor: '#EDF6FF', color: '#0679D4' },
        { icon: './assets/images/quickSelection/icon-3.png', name: '国际学校摇号', bgColor: '#FEF7EC', color: '#FF9D03' },
        { icon: './assets/images/quickSelection/icon-4.png', name: '国际学校开学时间', bgColor: '#FFF1EA', color: '#FE7153' },
        { icon: './assets/images/quickSelection/icon-5.png', name: '民办国际学校', bgColor: '#ECEEFD', color: '#2E5AF4' },
        { icon: './assets/images/quickSelection/icon-6.png', name: '外籍国际学校', bgColor: '#EDF6FF', color: '#0679D4' },
        { icon: './assets/images/quickSelection/icon-7.png', name: '国际学校好不好', bgColor: '#FEF7EC', color: '#FF9D03' },
        { icon: './assets/images/quickSelection/icon-8.png', name: '中国国际学校排名', bgColor: '#E9FBF2', color: '#009E59' },
        { icon: './assets/images/quickSelection/icon-9.png', name: '转国际学校', bgColor: '#FFF1EA', color: '#FE7153' },
        { icon: './assets/images/quickSelection/icon-10.png', name: '国际学校插班', bgColor: '#ECEEFD', color: '#2E5AF4' },
        { icon: './assets/images/quickSelection/icon-11.png', name: '如何选择国际学校', bgColor: '#EDF6FF', color: '#0679D4' },
        { icon: './assets/images/quickSelection/icon-12.png', name: '国际学校入学政策', bgColor: '#E9FBF2', color: '#009E59' },
        { icon: './assets/images/quickSelection/icon-13.png', name: '中考后读国际学校', bgColor: '#FFF1EA', color: '#FE7153' },
      ],
      // 学校类别
      schoolTypes: [
        {
          name:'小学',
          top_remark:"私立小学是指由私人或私立机构投资，由当地政府和教育部门批准的学校。私立小学在招生政策上与公立学校没有区别，申请家庭也同样需要符合有关政策要求，并通过相关审核后才能就读。",
          tiaojian:[
            {id:1, lab:"年龄要求：", text:"6-12岁适龄学生"},
            {id:2, lab:"户籍要求：", text:"无国籍户籍限制，全国招收适龄学生"},
            {id:3, lab:"入学政策：", text:"1.京籍家庭：重点审核户口与房产<br>2.非京籍家庭：重点审核“四证”"},
            {id:4, lab:"入学考试：", text:"幼升小无需入学考试，其他年级段插班<br>有笔试面试考试"},
            {id:5, lab:"学费情况：", text:"8-15万元/年"},
          ],
          school:[
            {
              area:"北京",
              id:1,
              list:[
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"天津",
              id:2,
              list:[
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"四川",
              id:3,
              list:[
                {id:6, name:"哈罗北京"},
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"河北",
              id:4,
              list:[
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:7, name:"北京市中关村外国语"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"海南",
              id:5,
              list:[
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:1, name:"北京德闳学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            }
          ],

        },
        {
          name:'初中',
          top_remark:"私立初中是指由私人或私立机构投资，由当地政府和教育部门批准的学校。小升初上私立初中家庭，在入学政策上与公立校一致，通过入学审核的家庭才能就读私立初中。",
          tiaojian:[
            {id:1, lab:"年龄要求：", text:"13-15岁适龄学生"},
            {id:2, lab:"户籍要求：", text:"无国籍户籍限制，全国招收适龄学生"},
            {id:3, lab:"入学政策：", text:"1.京籍家庭：重点审核户口与房产<br>2.非京籍家庭：重点审核“四证”"},
            {id:4, lab:"入学考试：", text:"小升初无需入学考试，其他年级段插班有笔试面试考试"},
            {id:5, lab:"学费情况：", text:"3-8万元/年"},
          ],
          school:[
            {
              area:"北京",
              id:1,
              list:[
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"天津",
              id:2,
              list:[
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"四川",
              id:3,
              list:[
                {id:6, name:"哈罗北京"},
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"河北",
              id:4,
              list:[
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:7, name:"北京市中关村外国语"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"海南",
              id:5,
              list:[
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:1, name:"北京德闳学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            }
          ],

        },
        {
          name:'高中',
          top_remark:"私立高中是指由私人或私立机构投资，由当地政府和教育部门批准的学校。私立高中在招生政策上没有硬性要求，可以通过中考成绩或参加入学考试的方式入学，以参加国内高考为升学路径。",
          tiaojian:[
            {id:1, lab:"年龄要求：", text:"16-18岁适龄学生"},
            {id:2, lab:"户籍要求：", text:"无国籍户籍限制，全国招收适龄学生"},
            {id:3, lab:"入学政策：", text:"仅需提供基础证件（身份证、户口本）即可"},
            {id:4, lab:"入学考试：", text:"私立高中入学考试以笔试+面试为主部分学校需要提供中考成绩"},
            {id:5, lab:"学费情况：", text:"3-10万元/年"},
          ],
          school:[
            {
              area:"北京",
              id:1,
              list:[
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"天津",
              id:2,
              list:[
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"四川",
              id:3,
              list:[
                {id:6, name:"哈罗北京"},
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"河北",
              id:4,
              list:[
                {id:1, name:"北京德闳学校"},
                {id:2, name:"北京爱迪国际学校"},
                {id:7, name:"北京市中关村外国语"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            },
            {
              area:"海南",
              id:5,
              list:[
                {id:2, name:"北京爱迪国际学校"},
                {id:3, name:"青苗学校"},
                {id:4, name:"北京市赫德学校"},
                {id:1, name:"北京德闳学校"},
                {id:5, name:"北京市凯文学校"},
                {id:6, name:"哈罗北京"},
                {id:7, name:"北京市中关村外国语"},
                {id:8, name:"北京市通州区私立树人"}
              ]
            }
          ],

        },
      ],
      activeType: 0,
      activeCity: 0,
      cityList: ['北京','天津','四川','河北','河南'],
      schoolList: [
        '北京德闳学校',
        '北京爱迪国际学校',
        '青苗学校',
        '北京市赫德学校',
        '北京市凯文学校',
        '哈罗北京',
        '北京市中关村外国语',
        '北京市通州区私立树人'
      ]
    },
    methods: {
      onlineService() {
        onlineService()
      }
    },
    mounted() {

    }
  })
</script>

</body>
</html>