修复store删除字段失败的bug;移除layer的1种加载动画
parent
49289f8939
commit
fb59430039
|
@ -119,7 +119,7 @@
|
||||||
.dot-box {position:absolute;display:block;}
|
.dot-box {position:absolute;display:block;}
|
||||||
|
|
||||||
/* 常规的转动 */
|
/* 常规的转动 */
|
||||||
&.style-1,&.style-2 {
|
&.style-1 {
|
||||||
|
|
||||||
.dot-box {width:70%;height:70%;margin:15%;line-height:70px;font-size:70px;text-align:center;
|
.dot-box {width:70%;height:70%;margin:15%;line-height:70px;font-size:70px;text-align:center;
|
||||||
|
|
||||||
|
@ -130,12 +130,10 @@
|
||||||
&.style-1 {
|
&.style-1 {
|
||||||
.dot-box {animation: circle .8s infinite linear;}
|
.dot-box {animation: circle .8s infinite linear;}
|
||||||
}
|
}
|
||||||
&.style-2 {
|
|
||||||
.dot-box {animation: round .6s infinite linear;}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 频谱波动 */
|
/* 频谱波动 */
|
||||||
&.style-3 {height:50px;
|
&.style-2 {height:50px;
|
||||||
|
|
||||||
.dot-box{width:100%;height:100%;
|
.dot-box{width:100%;height:100%;
|
||||||
|
|
||||||
|
@ -150,7 +148,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 缓动圆圈 */
|
/* 缓动圆圈 */
|
||||||
&.style-4 {
|
&.style-3 {
|
||||||
|
|
||||||
.dot-box{width:60%;height:60%;margin:20%;
|
.dot-box{width:60%;height:60%;margin:20%;
|
||||||
|
|
||||||
|
@ -167,7 +165,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 矩阵 */
|
/* 矩阵 */
|
||||||
&.style-5 {
|
&.style-4 {
|
||||||
|
|
||||||
.dot-box{width:90%;height:90%;margin:5%;
|
.dot-box{width:90%;height:90%;margin:5%;
|
||||||
|
|
||||||
|
@ -222,13 +220,6 @@
|
||||||
70%,to {transform: rotate(405deg);}
|
70%,to {transform: rotate(405deg);}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes round {
|
|
||||||
from,24.99%, to {transform:rotate(0deg)}
|
|
||||||
25%,49.99% {transform:rotate(90deg)}
|
|
||||||
50%,74.99% {transform:rotate(180deg)}
|
|
||||||
75%,99.99% {transform:rotate(270deg)}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@keyframes bounce {
|
@keyframes bounce {
|
||||||
25% {transform: scaleY(1.3);}
|
25% {transform: scaleY(1.3);}
|
||||||
|
|
|
@ -125,10 +125,9 @@ class __layer__ {
|
||||||
//loading的子元素数量
|
//loading的子元素数量
|
||||||
return {
|
return {
|
||||||
1: 1,
|
1: 1,
|
||||||
2: 1,
|
2: 5,
|
||||||
3: 5,
|
3: 5,
|
||||||
4: 5,
|
4: 9
|
||||||
5: 9
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -334,11 +333,7 @@ class __layer__ {
|
||||||
<div class="loading style-${style}">
|
<div class="loading style-${style}">
|
||||||
<span class="dot-box">
|
<span class="dot-box">
|
||||||
${repeat(
|
${repeat(
|
||||||
style === 1
|
style === 1 ? '<i class="do-icon-loading"></i>' : '<i></i>',
|
||||||
? '<i class="do-icon-loading"></i>'
|
|
||||||
: style === 2
|
|
||||||
? '<i class="do-icon-app2"></i>'
|
|
||||||
: '<i></i>',
|
|
||||||
this.dot[style]
|
this.dot[style]
|
||||||
)}
|
)}
|
||||||
</span>
|
</span>
|
||||||
|
@ -626,7 +621,7 @@ const _layer = {
|
||||||
},
|
},
|
||||||
load(style, container, cb) {
|
load(style, container, cb) {
|
||||||
style = style >>> 0
|
style = style >>> 0
|
||||||
style = style < 1 ? 1 : style > 5 ? 5 : style
|
style = style < 1 ? 1 : style > 4 ? 4 : style
|
||||||
|
|
||||||
if (typeof container === 'function') {
|
if (typeof container === 'function') {
|
||||||
cb = container
|
cb = container
|
||||||
|
|
|
@ -256,9 +256,8 @@ class AnotStore {
|
||||||
let tmp = collectionDict[_id]
|
let tmp = collectionDict[_id]
|
||||||
let idx = collection.indexOf(tmp)
|
let idx = collection.indexOf(tmp)
|
||||||
|
|
||||||
Object.assign(tmp, data)
|
collection.splice(idx, 1, data)
|
||||||
collection.splice(idx, 1, tmp)
|
collectionDict[_id] = data
|
||||||
collectionDict[_id] = tmp
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// 删除集合中单条数据
|
// 删除集合中单条数据
|
||||||
|
|
Reference in New Issue