From 1706494087a9f8fd22f691d279e9ef7756cd316d Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期五, 03 十二月 2021 18:15:21 +0800
Subject: [PATCH] 地图
---
src/pages/internetEquipment/components/headCard.vue | 114 +++++++++++++++++++++++++++-----------------------------
1 files changed, 55 insertions(+), 59 deletions(-)
diff --git a/src/pages/internetEquipment/components/headCard.vue b/src/pages/internetEquipment/components/headCard.vue
index 4291714..4738c7a 100644
--- a/src/pages/internetEquipment/components/headCard.vue
+++ b/src/pages/internetEquipment/components/headCard.vue
@@ -1,77 +1,73 @@
<template>
<div class="head-card">
- <div class="card-left">
- <div class="number" :style="colorStyle">{{number}}</div>
- <div class="info">{{info}}</div>
- </div>
- <img class="card-right" :src="src" alt="">
+ <div class="card-left">
+ <div class="number" :style="colorStyle">{{ number }}</div>
+ <div class="info">{{ info }}</div>
+ </div>
+ <img class="card-right" :src="src" alt="" />
</div>
</template>
<script>
export default {
- props: {
- number: {
- require: true
- },
- info: {
- require: true
- },
- icon: {
- require: true
- },
- color: {
- require: true
- },
- src: {
- require: true
- }
+ props: {
+ number: {
+ require: true,
},
- data (){
- return {
-
- }
+ info: {
+ require: true,
},
- computed: {
- colorStyle (){
- return {
- "--color":this.color
- }
- }
- }
-}
+ icon: {
+ require: true,
+ },
+ color: {
+ require: true,
+ },
+ src: {
+ require: true,
+ },
+ },
+ data() {
+ return {};
+ },
+ computed: {
+ colorStyle() {
+ return {
+ "--color": this.color,
+ };
+ },
+ },
+};
</script>
<style scoped lang="scss">
.head-card {
- box-sizing: border-box;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 20px;
- width: 187px;
- height: 90px;
- background: #FFFFFF;
- box-shadow: 0px 2px 10px rgba(141, 164, 187, 0.25);
- border-radius: 15px;
+ box-sizing: border-box;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 20px 2%;
+ width: 187px;
+ height: 90px;
+ background: #ffffff;
+ box-shadow: 0px 2px 10px rgba(141, 164, 187, 0.25);
+ border-radius: 15px;
- .card-left {
- .number {
- font-size: 24px;
- font-weight: 700;
- color: var(--color);
- }
- .info {
- font-size: 12px;
- color: #4F4F4F;
-;
- }
+ .card-left {
+ .number {
+ font-size: 24px;
+ font-weight: 700;
+ color: var(--color);
}
-
- .card-right {
- width: 58px;
- height: 58px;
-
+ .info {
+ font-size: 12px;
+ color: #4f4f4f;
}
+ }
+
+ .card-right {
+ width: 58px;
+ height: 58px;
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0