22

TEAMModelOS.TeachZone/ClientApp/common/screenSort.vue

@@ -0,0 +1,62 @@
+<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>