TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/common/textbook.vue

<template>
  <div class="fr textbook" >
    <Select v-model="select" class="fl" style="width: auto;">
      <Option value="sel1" >初中历史与社会人教课标版</Option>
      <Option value="">思想政治人教标本七年级上册</Option>
      <Option value="">地理人教科标板七年级上册</Option>
      <Option value="">地理人教科标板七年级上册</Option>
      <Option value="">音地理人教科标板七年级上册频</Option>
      <Option value="">地理人教科标板七年级上册</Option>
    </Select>
    <Select v-model="select2" class="fl" style="width: auto;">
      <Option value="sel2" >初中历史与社会人教课标版</Option>
      <Option value="">思想政治人教标本七年级上册</Option>
      <Option value="">地理人教科标板七年级上册</Option>
      <Option value="">地理人教科标板七年级上册</Option>
      <Option value="">音地理人教科标板七年级上册频</Option>
      <Option value="">地理人教科标板七年级上册</Option>
    </Select>
  </div>
</template>

<script>
    export default {
        name: "header",
      data(){
        return {
          select:'sel1',
          select2:'sel2',
          chapter: [
            {
              title: '致同学们',
              expand: true,

            },
            {
              title: '第一单元 人在社会中生活',
              expand: true,
              children: [
                {
                  title: '第一课  我的家在哪里'
                },
                {
                  title: '第二课 乡村与城市'
                },{
                  title: '综合探究一 从地图上获取信息'
                },
              ]
            },
            {
              title: '第二单元 人类共同生活的世界',
              expand: true,
              children: [
                {
                  title: '第一课 大洲和大洋'
                },
                {
                  title: '第二课 自然环境'
                }, {
                  title: '第三课 世界大家庭'
                }, {
                  title: '综合探究二 从地球仪上看世界'
                },
              ]
            },
            {
              title: '第三单元 各具特色的区域生活',
              expand: true,
              children: [
                {
                  title: '第一课 家住平原'
                },
                {
                  title: '第二课 与山为邻'
                }, {
                  title: '第三课 傍水而居'
                }, {
                  title: '第四课 草原人家'
                }, {
                  title: '第五课 干旱的宝地'
                }, {
                  title: '综合探究三 如何认识区域'
                },
              ]
            },
          ]
        }
      }
    }
</script>

<!--<style scoped>-->
<style>
  .textbook .ivu-select-single .ivu-select-selection .ivu-select-selected-value{
    background: #fff;margin-left:10px;border-radius: 3px;box-shadow: 0 0 2px  rgba(0,0,0,0.2);
  }
</style>