Commit 6a9b156a authored by zhangyichen's avatar zhangyichen

修改角标样式

parent f747a22b
......@@ -52,7 +52,7 @@
@selectColor: #4498F0; // #4498F0
.diyTag{
transform: scale(0.5);
// transform: scale(0.5);
background-color:#E94B3F;
color: white;
position: absolute;
......
<template>
<div style="position: relative;display: inline-block;width: 0px;height: 18px">
<div class="diyTag" v-if="num !== 0" v-show="num !== 'NaN'"
style="height: 30px;border-radius: 30px;font-size: 20px;line-height: 28px"
style="height: 14px;border-radius: 14px;font-size: 20px;line-height: 14px"
:style="{
'top':type === 1 ? '-30px' : type === 2 ? '-24px' : '-12px',
'left':type === 1 ? '-18px': type === 2 ? '-16px' : '-12px',
'width':num > 99 ? '48px': '30px',
'top':type === 1 ? '-26px' : type === 2 ? '-18px' : '0',
'left':type === 1 ? '-8px': type === 2 ? '-8px' : '-2px',
'width':num > 99 ? '24px': '14px',
}">
<span>{{num > 99 ? '99+' : num }}</span>
<div style="transform: scale(0.5)">{{num > 99 ? '99+' : num }}</div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment