22

TEAMModelOS.TeachZone/ClientApp/common/screenSort.vue

@@ -1,62 +1,48 @@
 <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>
+    <div class="workSort ov">
+      <ul class="fl">
+        <li><a href="" class="active">默认</a></li>
+        <li><a href="">评分</a></li>
+        <li><a href="">收藏</a></li>
+        <li><a href="">预览</a></li>
+        <li><a href="">大小</a></li>
+        <li><a href="">时间</a></li>
+      </ul>
+      <div class="fr ov">
+        <Select v-model="select">
+          <Option value="sel1" >格式</Option>
+          <Option value="">图片</Option>
+          <Option value="">文档</Option>
+          <Option value="">视频</Option>
+          <Option value="">音频</Option>
+          <Option value="">动画</Option>
+        </Select>
+        <Select v-model="select2">
+          <Option value="sel2" >全部区域</Option>
+          <Option value="">本省区域</Option>
+          <Option value="">本市区域</Option>
+          <Option value="">本县区区域</Option>
+          <Option value="">本校范围</Option>
+          <Option value="">我的分享</Option>
+        </Select>
+      </div>
+    </div>
   </div>
 </template>
+
 <script>
-    export default {
-        name: "screen",
-      data(){
-          return{
-            button1: '全部',
-            button2: '全部',
-            button3: '全部',
-          }
+  export default {
+    data () {
+      return {
+        select:'sel1',
+        select2:'sel2'
       }
-    }
+    },
+
+  }
 </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>