|
|
|
@ -1,7 +1,7 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<el-row v-if="location === 'top'">
|
|
|
|
<el-row v-if="location === 'top'">
|
|
|
|
<el-col :span="24" class="flex-center">
|
|
|
|
<el-col :span="24" class="flex-center">
|
|
|
|
<el-tag type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-tag v-if="showText" type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-text type="primary" style="max-width: 65px" size="small" truncated>
|
|
|
|
<el-text type="primary" style="max-width: 65px" size="small" truncated>
|
|
|
|
{{ modeName }}
|
|
|
|
{{ modeName }}
|
|
|
|
</el-text>
|
|
|
|
</el-text>
|
|
|
|
@ -11,7 +11,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<el-row justify="center">
|
|
|
|
<el-row justify="center">
|
|
|
|
<el-col :span="12" class="flex-center" v-if="location === 'left'">
|
|
|
|
<el-col :span="12" class="flex-center" v-if="location === 'left'">
|
|
|
|
<el-tag type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-tag v-if="showText" type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-text type="primary" style="max-width: 65px" size="small" truncated>
|
|
|
|
<el-text type="primary" style="max-width: 65px" size="small" truncated>
|
|
|
|
{{ modeName }}
|
|
|
|
{{ modeName }}
|
|
|
|
</el-text>
|
|
|
|
</el-text>
|
|
|
|
@ -75,7 +75,7 @@
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
|
|
|
|
|
|
|
|
<el-col :span="12" class="flex-center" v-if="location === 'right'">
|
|
|
|
<el-col :span="12" class="flex-center" v-if="location === 'right'">
|
|
|
|
<el-tag type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-tag v-if="showText" type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-text type="primary" style="max-width: 65px" size="small" truncated>
|
|
|
|
<el-text type="primary" style="max-width: 65px" size="small" truncated>
|
|
|
|
{{ modeName }}
|
|
|
|
{{ modeName }}
|
|
|
|
</el-text>
|
|
|
|
</el-text>
|
|
|
|
@ -85,7 +85,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<el-row v-if="location === 'bottom'">
|
|
|
|
<el-row v-if="location === 'bottom'">
|
|
|
|
<el-col :span="24" class="flex-center">
|
|
|
|
<el-col :span="24" class="flex-center">
|
|
|
|
<el-tag type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-tag v-if="showText" type="primary" size="small" style="opacity: 0.9">
|
|
|
|
<el-text type="primary" style="max-width: 65px; opacity: 1" size="small" truncated>
|
|
|
|
<el-text type="primary" style="max-width: 65px; opacity: 1" size="small" truncated>
|
|
|
|
{{ modeName }}
|
|
|
|
{{ modeName }}
|
|
|
|
</el-text>
|
|
|
|
</el-text>
|
|
|
|
@ -132,6 +132,10 @@ const props = defineProps({
|
|
|
|
showInfo: {
|
|
|
|
showInfo: {
|
|
|
|
type: Boolean,
|
|
|
|
type: Boolean,
|
|
|
|
default: false
|
|
|
|
default: false
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
showText: {
|
|
|
|
|
|
|
|
type: Boolean,
|
|
|
|
|
|
|
|
default: false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|