From 4f209e33a1a159c0e9cbee05ae18d628feb46d74 Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Mon, 28 Nov 2022 09:30:08 +0800
Subject: [PATCH] 样式调整
---
src/views/home/components/bottomContainer.vue | 42 +++++++++++-------------------------------
1 files changed, 11 insertions(+), 31 deletions(-)
diff --git a/src/views/home/components/bottomContainer.vue b/src/views/home/components/bottomContainer.vue
index a21e218..850d2d1 100644
--- a/src/views/home/components/bottomContainer.vue
+++ b/src/views/home/components/bottomContainer.vue
@@ -1,30 +1,14 @@
-c<template>
+<template>
<div class="container">
<div class="header">
<div class="history-tab">
- <span
- class="beforetime"
- :class="{ choosed: historytype == 0 }"
- @click="historyTabClick(0)"
- >实时</span>
- <span
- class="beforetime"
- :class="{ choosed: historytype == 1 }"
- @click="historyTabClick(1)"
- >历史</span>
+ <span class="beforetime" :class="{ choosed: historytype == 0 }" @click="historyTabClick(0)">实时</span>
+ <span class="beforetime" :class="{ choosed: historytype == 1 }" @click="historyTabClick(1)">历史</span>
</div>
<div class="bottom-title">警情动态</div>
<div class="timeTab" v-show="historytype">
- <span
- class="beforetime"
- :class="{ choosed: timetype == 0 }"
- @click="timeTabClick(0)"
- >周</span>
- <span
- class="beforetime"
- :class="{ choosed: timetype == 1 }"
- @click="timeTabClick(1)"
- >月</span>
+ <span class="beforetime" :class="{ choosed: timetype == 0 }" @click="timeTabClick(0)">周</span>
+ <span class="beforetime" :class="{ choosed: timetype == 1 }" @click="timeTabClick(1)">月</span>
</div>
</div>
@@ -42,17 +26,11 @@
<span class="callContent">报警内容</span>
</li>
</ul>
- <vue-seamless-scroll
- :data="historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr"
- class="warp"
- >
+ <vue-seamless-scroll :data="historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr"
+ class="warp">
<ul class="item">
- <li
- v-for="(item, index) in (historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr)"
- :key="index"
- :data-obj="JSON.stringify(item)"
- class="row"
- >
+ <li v-for="(item, index) in (historytype == 0 ? policeSituationRealtimeArr : policeSituationHistoryArr)"
+ :key="index" :data-obj="JSON.stringify(item)" class="row">
<!-- <span class="num" v-text="item.num"></span> -->
<span class="num" v-text="index + 1"></span>
<span class="type" v-text="item.type"></span>
@@ -288,6 +266,7 @@
color: #fff;
}
}
+
.history-tab {
position: absolute;
top: 10px;
@@ -295,6 +274,7 @@
display: flex;
border-radius: 6px;
overflow: hidden;
+
span {
padding: 0 10px;
height: 26px;
--
Gitblit v1.9.3