From 76c7045cf814d912e5b5a0cd95ff3a985ea72b3a Mon Sep 17 00:00:00 2001 From: icssoa <615206459@qq.com> Date: Mon, 6 Sep 2021 10:20:31 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=20router.push=20=E5=B8=A6?= =?UTF-8?q?=E5=8F=82=E6=95=B0=E8=B7=B3=E8=BD=AC=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- .../modules/base/components/process/index.vue | 18 ++++-------------- 2 files changed, 5 insertions(+), 15 deletions(-) diff --git a/package.json b/package.json index 2f830fe..435bcfd 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cool-admin-vue", - "version": "3.2.1", + "version": "3.2.2", "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", diff --git a/src/cool/modules/base/components/process/index.vue b/src/cool/modules/base/components/process/index.vue index c79dd8a..29f015d 100644 --- a/src/cool/modules/base/components/process/index.vue +++ b/src/cool/modules/base/components/process/index.vue @@ -104,6 +104,10 @@ export default { }, adScroll(index) { + if (index < 0) { + index = 0; + } + const el = this.$refs[`item-${index}`][0]; if (el) { @@ -131,7 +135,6 @@ export default { align-items: center; height: 30px; position: relative; - &__left, &__right { background-color: #fff; @@ -140,32 +143,26 @@ export default { padding: 0 2px; border-radius: 3px; cursor: pointer; - &:hover { background-color: #eee; } } - &__left { margin-right: 10px; } - &__right { margin-left: 10px; } - &__scroller { width: 100%; flex: 1; overflow-x: auto; overflow-y: hidden; white-space: nowrap; - &::-webkit-scrollbar { display: none; } } - &__item { display: inline-flex; align-items: center; @@ -178,40 +175,33 @@ export default { margin-right: 10px; color: #909399; cursor: pointer; - &:last-child { margin-right: 0; } - i { font-size: 14px; width: 0; overflow: hidden; transition: all 0.3s; - &:hover { color: #fff; background-color: $color-primary; } } - &:hover { .el-icon-close { width: 14px; margin-left: 5px; } } - &.active { span { color: $color-primary; } - i { width: auto; margin-left: 5px; } - &:before { background-color: $color-primary; }