From db9d0707582c88bdfd66671204bd3e891fead573 Mon Sep 17 00:00:00 2001 From: chenbiao Date: Fri, 15 Mar 2019 20:44:37 +0800 Subject: [PATCH] add color --- src/components/VBerth.vue | 4 ++-- src/components/VEquipment.vue | 4 ++-- src/components/VParking.vue | 4 ++-- src/components/VToll.vue | 4 ++-- src/style/mixin.scss | 8 ++++---- src/view/VHome.vue | 1 - 6 files changed, 12 insertions(+), 13 deletions(-) diff --git a/src/components/VBerth.vue b/src/components/VBerth.vue index 9e539f7..9070f94 100644 --- a/src/components/VBerth.vue +++ b/src/components/VBerth.vue @@ -71,11 +71,11 @@ export default { } .free-berth{ @include fontStyle(24px); - background-image: $fontBlue; + color: $fontBlue; } .buss-berth{ @include fontStyle(24px); - background-image: $fontOrange; + color: $fontOrange; } } } diff --git a/src/components/VEquipment.vue b/src/components/VEquipment.vue index 659ad08..92cb023 100644 --- a/src/components/VEquipment.vue +++ b/src/components/VEquipment.vue @@ -118,11 +118,11 @@ export default { } .text-blue{ @include fontStyle(24px); - background-image: $fontBlue; + color: $fontBlue; } .text-orange{ @include fontStyle(24px); - background-image: $fontOrange; + color: $fontOrange; } } diff --git a/src/components/VParking.vue b/src/components/VParking.vue index 0a7ff9c..750747e 100644 --- a/src/components/VParking.vue +++ b/src/components/VParking.vue @@ -72,7 +72,7 @@ export default { p{ &:first-child{ @include fontStyle(24px); - background-image: $fontBlue; + color: $fontBlue; } &:last-child{ font-size: 14px; @@ -83,7 +83,7 @@ export default { p{ &:first-child{ @include fontStyle(24px); - background-image: $fontOrange; + color: $fontOrange; } &:last-child{ font-size: 14px; diff --git a/src/components/VToll.vue b/src/components/VToll.vue index f82fdf1..e1858ce 100644 --- a/src/components/VToll.vue +++ b/src/components/VToll.vue @@ -60,7 +60,7 @@ export default { p{ &:first-child{ @include fontStyle(24px); - background-image: $fontBlue; + color: $fontBlue; } &:last-child{ font-size: 14px; @@ -71,7 +71,7 @@ export default { p{ &:first-child{ @include fontStyle(24px); - background-image: $fontOrange; + color: $fontOrange; } &:last-child{ font-size: 14px; diff --git a/src/style/mixin.scss b/src/style/mixin.scss index 35af260..08dd6e1 100644 --- a/src/style/mixin.scss +++ b/src/style/mixin.scss @@ -1,9 +1,9 @@ @mixin fontStyle($size){ font-size: $size; font-weight:bold; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; + //-webkit-background-clip: text; + //-webkit-text-fill-color: transparent; } -$fontBlue: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0,202,254, 1)), to(rgba(39,114,244, 1))); -$fontOrange: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255,186,0, 1)), to(rgba(255,129,0, 1))); +$fontBlue: #50a9f9; +$fontOrange: #f0c05c; diff --git a/src/view/VHome.vue b/src/view/VHome.vue index e8ba6c2..a6a7d10 100644 --- a/src/view/VHome.vue +++ b/src/view/VHome.vue @@ -1,6 +1,5 @@