<template>
  <div v-on="$listeners" class="sys-folder-item">
    <van-image :src="thumb" class="image" fit="contain"></van-image>
    <div class="desc">{{name}}</div>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue, Emit, Inject } from 'vue-property-decorator';
@Component({
  name: 'SysFolderItem',
})
export default class SysFolderItem extends Vue {
 @Prop({
  required: true,
  type: String,
 })
 private thumb!: string;
 @Prop({
  required: true,
  type: String,
 })
 private name!: string;
}
</script>
<style scoped lang="scss">
  .sys-folder-item{
    .image{
      width: 34px;
    }
    .desc {
      font-size:14px;
      color:#353535;
    }
  }
</style>
