60 lines
1.1 KiB
Vue
60 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="desc2">
|
||
|
|
<div class="info">
|
||
|
|
<div class="num" :style="{ color: color, fontSize:`${fontSize}px` }">{{ num }}</div>
|
||
|
|
<div class="title">{{ title }}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "CustomDesc2",
|
||
|
|
props: {
|
||
|
|
fontSize: {
|
||
|
|
type: [String, Number],
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
color: {
|
||
|
|
type: String,
|
||
|
|
default: '#35F7FF'
|
||
|
|
},
|
||
|
|
title: {
|
||
|
|
type: String,
|
||
|
|
default: ''
|
||
|
|
},
|
||
|
|
num: {
|
||
|
|
type: [String, Number],
|
||
|
|
default: ''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="less">
|
||
|
|
@import "assets/styles/mixin";
|
||
|
|
.desc2 {
|
||
|
|
margin: 0 auto;
|
||
|
|
.clear-fix;
|
||
|
|
.info {
|
||
|
|
overflow: hidden;
|
||
|
|
.title {
|
||
|
|
font-family: MicrosoftYaHeiUI;
|
||
|
|
font-size: 12px;
|
||
|
|
color: rgba(255,255,255,0.70);
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 400;
|
||
|
|
}
|
||
|
|
.num {
|
||
|
|
font-family: HIKLDH-Number-Bold;
|
||
|
|
font-size: 16px;
|
||
|
|
color: #35F7FF;
|
||
|
|
letter-spacing: 0.67px;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: 700;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|