27 lines
453 B
Vue
27 lines
453 B
Vue
<template>
|
|
<i v-if="code" class="flag-icon" :class="flagIconClass"></i>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'FlagIcon',
|
|
props: {
|
|
code: { type: String, default: null }
|
|
},
|
|
computed: {
|
|
flagIconClass() {
|
|
let code = this.code
|
|
switch (code) {
|
|
case 'zh':
|
|
code = 'cn'
|
|
break
|
|
case 'en':
|
|
code = 'gb'
|
|
break
|
|
}
|
|
return 'flag-icon-' + code
|
|
}
|
|
}
|
|
}
|
|
</script>
|