diff --git a/web/src/materials/questions/QuestionRuleContainer/ErrorTip/index.vue b/web/src/materials/questions/QuestionRuleContainer/ErrorTip/index.vue index b4aec8be..52c4f270 100644 --- a/web/src/materials/questions/QuestionRuleContainer/ErrorTip/index.vue +++ b/web/src/materials/questions/QuestionRuleContainer/ErrorTip/index.vue @@ -39,6 +39,8 @@ export default { } &:not(.show) { + transition: all 0.3s ease-in-out; + display: block; opacity: 0; height: 0; @@ -48,8 +50,6 @@ export default { color: transparent; padding-right: 0.1rem; } - - transition: all 0.3s ease-in-out; } &.show { diff --git a/web/src/materials/questions/QuestionRuleContainer/style.scss b/web/src/materials/questions/QuestionRuleContainer/style.scss index 10fca671..5a3a0efc 100644 --- a/web/src/materials/questions/QuestionRuleContainer/style.scss +++ b/web/src/materials/questions/QuestionRuleContainer/style.scss @@ -81,12 +81,12 @@ } &.hasError { + /*由于错误提示可能多行,因此有错误时取消margin,让错误提示撑开边距*/ + margin-bottom: 0; + .item-border { border-color: $error-color; } - - /*由于错误提示可能多行,因此有错误时取消margin,让错误提示撑开边距*/ - margin-bottom: 0; } &.special .module-err-tip { diff --git a/web/src/materials/questions/widgets/BaseChoice/style.scss b/web/src/materials/questions/widgets/BaseChoice/style.scss index 291fb67a..6991bfed 100644 --- a/web/src/materials/questions/widgets/BaseChoice/style.scss +++ b/web/src/materials/questions/widgets/BaseChoice/style.scss @@ -89,6 +89,8 @@ } &.is-checked { + transition: all 0.3s ease-in-out; + .item-title { color: $primary-color; } @@ -102,18 +104,15 @@ color: #fff; border: none; } - - transition: all 0.3s ease-in-out; } &:not(.is-checked) { + transition: all 0.3s ease-in-out; background-color: transparent; .item-title { color: $font-color; } - - transition: all 0.3s ease-in-out; } &.lastchild,