Browse Source

调整图标居中显示

master
xyiege 5 months ago
parent
commit
c3639b3b0d
  1. 8
      vue/afvue/src/assets/main.css
  2. 3
      vue/afvue/src/views/Flist.vue

8
vue/afvue/src/assets/main.css

@ -51,9 +51,13 @@ a,
background-image: url("@/assets/css_sprites.png");
background-repeat: no-repeat;
background-size: 25px;
background-position: 0px -375px
background-position: 0px -375px;
/* 垂直居中 */
vertical-align:middle;
}
.tb-folder{
background-position: 0px -399px;
}
.tb-html {
background-position: 0px -448px;
}

3
vue/afvue/src/views/Flist.vue

@ -17,6 +17,9 @@
</div>
<div class="fcon" v-for="item in flist" :key="item">
<span class="fcline">
<i class="tb tb-folder" v-if="item.isdir"></i>
<i :class="'tb tb-'+item.suffix" v-else></i>
{{ item.path }}
</span>
<span class="fcline">{{ item.size }}KB</span>

Loading…
Cancel
Save