TEAMModelOS/TEAMModelOS.TeachZone/ClientApp/common/screen.vue

<template>
  <div class="screen">
    <ul>
      <li>
        <span class="fl">类型：</span>
        <RadioGroup v-model="button1" type="button">
          <Radio label="全部"></Radio>
          <Radio label="教案"></Radio>
          <Radio label="学案"></Radio>
          <Radio label="课件"></Radio>
          <Radio label="微课"></Radio>
          <Radio label="习题"></Radio>
          <Radio label="素材"></Radio>
          <Radio label="拓展"></Radio>
        </RadioGroup>
      </li>
      <li>
        <span class="fl">来源：</span>
        <RadioGroup v-model="button2" type="button">
          <Radio label="全部"></Radio>
          <Radio label="我的资源"></Radio>
          <Radio label="共享资源"></Radio>
          <Radio label="精品资源"></Radio>
          <Radio label="校本资源"></Radio>
        </RadioGroup>
      </li>
      <li>
        <span class="fl">范围：</span>
        <RadioGroup v-model="button3" type="button">
          <Radio label="全部"></Radio>
          <Radio label="本省区域"></Radio>
          <Radio label="本市区域"></Radio>
          <Radio label="本县区区域"></Radio>
          <Radio label="本校区域"></Radio>
          <Radio label="我的分享"></Radio>
        </RadioGroup>
      </li>
    </ul>
  </div>
</template>
<script>
    export default {
        name: "screen",
      data(){
          return{
            button1: '全部',
            button2: '全部',
            button3: '全部',
          }
      }
    }
</script>

<style scoped>
  .ivu-radio-group-button .ivu-radio-wrapper:after, .ivu-radio-group-button .ivu-radio-wrapper:before{display: none;}
  .ivu-radio-group-button .ivu-radio-wrapper:first-child{border:0;}
  .ivu-radio-group-button .ivu-radio-wrapper{margin-right: 10px; padding: 0 10px;height:22px;line-height: 22px;border:0;transition:none;-webkit-transition:none;outline: 0;}
  .ivu-radio-group-button .ivu-radio-wrapper-checked{background: #2d8cf0;color: #fff;box-shadow: none;-webkit-box-shadow:none;}
  .ivu-radio-group-button .ivu-radio-wrapper>span:focus{outline: 0;}
  .ivu-radio-group-button .ivu-radio-wrapper-checked:hover{color: #fff;}
  .ivu-radio-group-button .ivu-radio-wrapper:first-child,.ivu-radio-group-button .ivu-radio-wrapper:last-child{border-radius: 0;}
</style>