|
@@ -951,6 +951,14 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+@keyframes striped-flow {
|
|
|
+ from {
|
|
|
+ background-position: 0 100px;
|
|
|
+ }
|
|
|
+ to {
|
|
|
+ background-position: 1.25em 1.25em;
|
|
|
+ }
|
|
|
+}
|
|
|
::v-deep.dialogBox {
|
|
|
.el-form-item__content .el-input--small .el-input__inner {
|
|
|
width: 188px !important;
|
|
@@ -966,44 +974,20 @@ export default {
|
|
|
width: auto;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
-<style scoped>
|
|
|
-@keyframes indeterminate {
|
|
|
- 0% {
|
|
|
- left: -100%;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- 50% {
|
|
|
- left: 100%;
|
|
|
- width: 10%;
|
|
|
- }
|
|
|
- 100% {
|
|
|
- left: 100%;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-}
|
|
|
-::v-deep .el-progress__text {
|
|
|
- font-size: 14px !important;
|
|
|
-}
|
|
|
-.el-progress-bar__outer {
|
|
|
- position: relative;
|
|
|
- vertical-align: middle;
|
|
|
-}
|
|
|
-.el-progress-bar__inner {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- height: 100%;
|
|
|
- text-align: right;
|
|
|
- border-radius: 100px;
|
|
|
- line-height: 1;
|
|
|
- white-space: nowrap;
|
|
|
- transition: width 0.6s ease;
|
|
|
-}
|
|
|
-.animated-progress .el-progress-bar__inner {
|
|
|
- position: relative;
|
|
|
- transform: translateZ(0);
|
|
|
- animation: indeterminate 3s infinite;
|
|
|
- background-color: #409eff; /* 或者你想要的任何颜色 */
|
|
|
+::v-deep .animated-progress .el-progress-bar__outer {
|
|
|
+ height: 20px; /* Adjust height as needed */
|
|
|
+ background-color: rgb(235, 238, 245);
|
|
|
+ background-image: linear-gradient(
|
|
|
+ 45deg,
|
|
|
+ rgba(0, 0, 0, 0.1) 25%,
|
|
|
+ transparent 25%,
|
|
|
+ transparent 50%,
|
|
|
+ rgba(0, 0, 0, 0.1) 50%,
|
|
|
+ rgba(0, 0, 0, 0.1) 75%,
|
|
|
+ transparent 75%,
|
|
|
+ transparent
|
|
|
+ );
|
|
|
+ background-size: 1.25em 1.25em;
|
|
|
+ animation: striped-flow 3s linear infinite;
|
|
|
}
|
|
|
</style>
|