tcy
4e8db9f1a7
- 调整了设备情况、电站一次系统图等组件的布局 - 优化了卡片样式，添加了新的运行步骤日志卡片 - 修改了标题组件的样式，增加了字体大小等属性 - 调整了安全运行天数的展示方式，增加了背景图片
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> |