38 lines
736 B
Vue
38 lines
736 B
Vue
|
<template>
|
||
|
|
<div style="display: flex;align-items: center;">
|
||
|
|
<div class="icon">
|
||
|
|
<img :src="`/assets/demo/${icon}.png`" alt="图片" />
|
||
|
|
</div>
|
||
|
|
<div class="subtitle">
|
||
|
|
{{ subtitle }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script setup>
|
||
|
|
const { subtitle, icon } = defineProps({
|
||
|
|
subtitle: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
icon: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
}
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
<style scoped>
|
||
|
|
.subtitle {
|
||
|
|
font-family: Alibaba-PuHuiTi-Bold;
|
||
|
|
font-size: 18px;
|
||
|
|
font-weight: 400;
|
||
|
|
letter-spacing: 0px;
|
||
|
|
line-height: 21.6px;
|
||
|
|
color: rgba(0, 30, 59, 1);
|
||
|
|
text-align: left;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
img {
|
||
|
|
width: 30px;
|
||
|
|
}
|
||
|
|
</style>
|