This commit is contained in:
liushiwei
2023-08-14 17:21:35 +08:00
2 changed files with 42 additions and 7193 deletions

View File

@@ -31,6 +31,11 @@
</template> </template>
<template #right> <template #right>
<el-badge :value="successList.length" style="margin-right: 10px">
<div class="tips">
<div></div>
</div>
</el-badge>
<el-badge :value="successList.length" class="item"> <el-badge :value="successList.length" class="item">
<el-button :icon="'el-icon-tickets'" @click="successDlgShow = true" circle></el-button> <el-button :icon="'el-icon-tickets'" @click="successDlgShow = true" circle></el-button>
</el-badge> </el-badge>
@@ -582,6 +587,43 @@
margin-right: 10px; margin-right: 10px;
} }
} }
.tips {
position: relative;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(243, 8, 8, .4);
@keyframes warn {
0% {
transform: translate(-50%, -50%) scale(0);
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1.1);
opacity: 0;
}
}
div {
position: absolute;
left: 50%;
top: 50%;
z-index: 11;
width: 100px;
height: 100px;
border-radius: 50%;
animation: warn 0.9s ease-out;
animation-iteration-count: infinite;
box-shadow: 1px 1px 30px #EF2D02;
transform: translate(-50%, -50%) scale(0.2);
transition: all ease-in-out 0.6s;
background: rgba(243, 8, 8, .6);
}
}
.order-manage_productInfo__1pD83>img { .order-manage_productInfo__1pD83>img {
width: 60px; width: 60px;

7193
yarn.lock

File diff suppressed because it is too large Load Diff