|
@@ -6,8 +6,12 @@
|
|
|
</van-swipe>
|
|
|
<van-search v-model="search_keyword" placeholder="请输入内容" />
|
|
|
<van-notice-bar
|
|
|
+ @click="handleNoticeBar"
|
|
|
+ v-show="noticeBarState.show"
|
|
|
left-icon="volume-o"
|
|
|
- text="茂名市茂南区XX高速路口发生交通事故。"
|
|
|
+ scrollable
|
|
|
+ mode="closeable"
|
|
|
+ :text="noticeBarState.event_title"
|
|
|
/>
|
|
|
|
|
|
<van-grid :column-num="2">
|
|
@@ -53,14 +57,42 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
-import { ref, reactive } from 'vue';
|
|
|
+import { ref, reactive, onMounted } from 'vue';
|
|
|
+import { getActiveEventList } from "@/api/event";
|
|
|
+
|
|
|
+const downLoadApi = import.meta.env.VITE_BASE_API + import.meta.env.VITE_BASE_DOWNLOAD_API;
|
|
|
+
|
|
|
const search_keyword = ref('');
|
|
|
|
|
|
const banners = ref([
|
|
|
- 'https://img.yzcdn.cn/public_files/2017/10/24/e5a5a02309a41f9f5def56684808d9ae.jpeg',
|
|
|
- 'https://img.yzcdn.cn/public_files/2017/10/24/1791ba14088f9c2be8c610d0a6cc0f93.jpeg',
|
|
|
+ downLoadApi + 'banner_1.png',
|
|
|
+ downLoadApi + 'banner_2.png',
|
|
|
]);
|
|
|
|
|
|
+const noticeBarState = reactive({
|
|
|
+ show: false,
|
|
|
+ event_id: '',
|
|
|
+ event_title: ''
|
|
|
+})
|
|
|
+
|
|
|
+const handleNoticeBar = () => {
|
|
|
+ console.log(noticeBarState.event_title);
|
|
|
+}
|
|
|
+
|
|
|
+onMounted(() => {
|
|
|
+ getActiveEventList().then((res) => {
|
|
|
+ if(res.data.event_id != noticeBarState.event_id) {
|
|
|
+ noticeBarState.show = true
|
|
|
+ noticeBarState.event_id = res.data.event_id;
|
|
|
+ noticeBarState.event_title = res.data.event_title;
|
|
|
+ }
|
|
|
+
|
|
|
+ }).catch((err)=> {
|
|
|
+ noticeBarState.show = false
|
|
|
+ noticeBarState.event_id = '';
|
|
|
+ noticeBarState.event_title = '';
|
|
|
+ })
|
|
|
+})
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|