+
+ 新
+
@@ -472,11 +475,27 @@ $list-height: calc(#{$container-height} - 5.33rem);
border-bottom: 1px #fff solid;
padding: 1.2rem 2rem;
+ position: relative;
&:nth-last-child(1) {
border-radius: 0 0 .67rem .67rem;
border-bottom: none;
}
+ &__new {
+ color: #fff;
+ background: rgb(115, 160, 223);
+ width: 1.8rem;
+ height: 1.8rem;
+ line-height: 1.8rem;
+ text-align: center;
+ font-size: 1rem;
+ border-radius: 100% 100% 100% 0%;
+ animation: flash 5s infinite linear;
+
+ position: absolute;
+ top: 0.5rem;
+ left: 0.5rem;
+ }
$bkg-colors: #fff,linear-gradient(to bottom,#527ded18, #527ded28),linear-gradient(to bottom,#ecc06918, #ecc06928),linear-gradient(to bottom,#d15d5218, #d15d5228);
@for $i from 1 through length($bkg-colors) {
diff --git a/src/views/bigScreen1/index.vue b/src/views/bigScreen1/index.vue
index 5170c4c..464f8f7 100644
--- a/src/views/bigScreen1/index.vue
+++ b/src/views/bigScreen1/index.vue
@@ -226,7 +226,7 @@ export default {
} else {
const startTime = this.forwardRefreshTime.format('YYYY-MM-DD HH:mm:ss');
const endTime = this.$moment().format('YYYY-MM-DD HH:mm:ss');
- this.forwardRefreshTime = this.$moment()
+ this.forwardRefreshTime = this.$moment();
//新的调令
const res = (
(await index({
@@ -249,6 +249,9 @@ export default {
).data);
this.transferLength = res.length;
if (res.length > 0) {
+ res.forEach(i => {
+ i._isNew = true;
+ })
this.$audioPlay(2)
this.transfers1.unshift(...res)
}
@@ -273,6 +276,9 @@ export default {
if (res1.length > 0) {
let msFlag = false
res1.forEach(i => {
+ if (i.status === 2) {
+ i._isNew = true;
+ }
if (this.transfers1.findIndex(j => j.id === i.id) !== -1) {
this.transfers1.splice(this.transfers1.findIndex(j => j.id === i.id),1,i)
}