From 0f47dfaefc53d4e5e9322a83f0967159be9abbb2 Mon Sep 17 00:00:00 2001
From: heyujie <516346543@qq.com>
Date: 星期四, 27 一月 2022 14:33:16 +0800
Subject: [PATCH] 性化设置:图标主题
---
src/pages/internetEquipment/components/warnDescription.vue | 42 ++++++++++++++++++++++++++----------------
1 files changed, 26 insertions(+), 16 deletions(-)
diff --git a/src/pages/internetEquipment/components/warnDescription.vue b/src/pages/internetEquipment/components/warnDescription.vue
index 6c933d3..122b2a2 100644
--- a/src/pages/internetEquipment/components/warnDescription.vue
+++ b/src/pages/internetEquipment/components/warnDescription.vue
@@ -1,28 +1,39 @@
<template>
<div class="warn-description">
- <div class="code"><span>璁惧缂栫爜: </span>{{warnDes.code}}</div>
- <div class="location" v-if="warnDes.location">{{warnDes.location}}</div>
- <div class="time"><span>鏃堕棿: </span>{{warnDes.time}}</div>
- <div class="position" v-if="warnDes.longitude"><span>缁忓害: </span>{{warnDes.longitude}} <span>绾害: </span>{{warnDes.latitude}}</div>
- <div class="warnIcon" v-if="warnDes.warn"><span class="icon iconfont"></span> {{warnDes.warn}}</div>
+ <div class="code"><span>璁惧缂栫爜: </span>{{ warnDes.code }}</div>
+ <div class="location" v-if="warnDes.location">
+ <span>浣嶇疆: </span>{{ warnDes.location }}
+ </div>
+ <div class="time"><span>鏃堕棿: </span>{{ warnDes.time }}</div>
+ <div class="position" v-if="warnDes.longitude">
+ <span>缁忓害: </span>{{ warnDes.longitude.toFixed(4) }} <span>绾害: </span
+ >{{ warnDes.latitude.toFixed(4) }}
+ </div>
+ <div class="warnIcon" v-if="warnDes.warn">
+ <span class="icon iconfont"></span> {{ warnDes.warn }}
+ </div>
</div>
</template>
<script>
export default {
- props :{
- warnDes : {
- type: Object
- }
- }
-}
+ props: {
+ warnDes: {
+ type: Object,
+ },
+ },
+};
</script>
<style scoped lang="scss">
.warn-description {
- .code, .location, .time, .position, .warnIcon {
- text-align: left;
- margin-bottom: 5px;
+ .code,
+ .location,
+ .time,
+ .position,
+ .warnIcon {
+ text-align: left;
+ margin-bottom: 5px;
}
span {
@@ -30,8 +41,7 @@
}
.warnIcon {
- color: #FF6464;
+ color: #ff6464;
}
-
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0