|
@@ -2,85 +2,67 @@
|
|
<u-navbar :autoBack="false" :placeholder="true" :safeAreaInsetTop="true" :bgColor="proxy.$settingStore.themeColor.color" @rightClick="rightButtonClick()">
|
|
<u-navbar :autoBack="false" :placeholder="true" :safeAreaInsetTop="true" :bgColor="proxy.$settingStore.themeColor.color" @rightClick="rightButtonClick()">
|
|
<template #left>
|
|
<template #left>
|
|
<view class="u-nav-slot">
|
|
<view class="u-nav-slot">
|
|
- <!-- <u-icon name="arrow-left" size="19" color="#fff" style="display: none"></u-icon> -->
|
|
|
|
<view class="u-navbar__content__title" style="color: #fff">消息</view>
|
|
<view class="u-navbar__content__title" style="color: #fff">消息</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
- <template #center>
|
|
|
|
- <view class="u-nav-slot"> </view>
|
|
|
|
- </template>
|
|
|
|
- <template #right>
|
|
|
|
- <view class="u-nav-slot">
|
|
|
|
- <u-icon name="plus" size="19" color="#fff" style="display: none"></u-icon>
|
|
|
|
- </view>
|
|
|
|
- </template>
|
|
|
|
</u-navbar>
|
|
</u-navbar>
|
|
|
|
|
|
<u-sticky style="top: 0px">
|
|
<u-sticky style="top: 0px">
|
|
- <view class="padding-lr ptb10" :class="'bg-' + proxy.$settingStore.themeColor.name">
|
|
|
|
|
|
+ <view class="plr13 ptb10" :class="'bg-' + proxy.$settingStore.themeColor.name">
|
|
<u--input placeholder="搜索" prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" customStyle="height:35px;background-color:#f5f6fa;"></u--input>
|
|
<u--input placeholder="搜索" prefixIcon="search" prefixIconStyle="font-size: 22px;color: #909399" customStyle="height:35px;background-color:#f5f6fa;"></u--input>
|
|
</view>
|
|
</view>
|
|
</u-sticky>
|
|
</u-sticky>
|
|
|
|
|
|
- <scroll-view class="bg-white info-wrapper" scroll-y :style="`height: calc(100vh - (105px + ${proxy.$settingStore.barHightTop} + ${proxy.$settingStore.tabBarHeight}))`">
|
|
|
|
- <view class="uni-content-body">
|
|
|
|
- <view class="uni-list padding" @tap="goApplicationInfo()">
|
|
|
|
- <view class="uni-avatar">
|
|
|
|
- <image class="image-bg" src="@/static/images/common/applicationInfo.png" />
|
|
|
|
- </view>
|
|
|
|
- <view class="uni-content">
|
|
|
|
- <view class="uni-item">
|
|
|
|
- <view class="uni-item-cont text-dfl" style="color: #000000">应用消息</view>
|
|
|
|
- <!-- <view class="uni-item-right text-sm" style="color: #909399">5月15日</view> -->
|
|
|
|
- </view>
|
|
|
|
- <view class="flex uni-item">
|
|
|
|
- <view class="uni-item-cont text-df" style="color: #909399">您收到一条最新消息,请及时查看</view>
|
|
|
|
- <!-- <view class="uni-item-right text-df" style="margin: auto 0">
|
|
|
|
- <u-badge numberType="overflow" max="99" :value="1"></u-badge>
|
|
|
|
- </view> -->
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <scroll-view class="info-container bg-white" scroll-y :style="`height: calc(100vh - (105px + ${proxy.$settingStore.barHightTop} + ${proxy.$settingStore.tabBarHeight}))`">
|
|
|
|
+ <view class="content-area p13" v-for="item in infoList" :key="item" @tap="goApplicationInfo()">
|
|
|
|
+ <view class="content-area-avatar">
|
|
|
|
+ <image class="image-bg" src="@/static/images/common/applicationInfo.png" />
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
-
|
|
|
|
- <!-- <view class="uni-content-body">
|
|
|
|
- <view class="uni-list padding" @tap="goFireBase()">
|
|
|
|
- <view class="uni-avatar">
|
|
|
|
- <image class="image-bg" src="@/static/images/info/fireBase.png" />
|
|
|
|
|
|
+ <view class="content-area-child">
|
|
|
|
+ <view class="uni-item">
|
|
|
|
+ <view class="uni-item-text font30" style="color: #000000">{{ item.label }}</view>
|
|
|
|
+ <!-- <view class="uni-item-right font24" style="color: #909399">{{ item.time }}</view> -->
|
|
</view>
|
|
</view>
|
|
- <view class="uni-content">
|
|
|
|
- <view class="uni-item">
|
|
|
|
- <view class="uni-item-cont text-dfl" style="color: #000000">消防知识库</view>
|
|
|
|
- <view class="uni-item-right text-sm" style="color: #909399">5月15日</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="flex uni-item">
|
|
|
|
- <view class="uni-item-cont text-df" style="color: #909399">您收到一条最新消息,请及时查看</view>
|
|
|
|
- <view class="uni-item-right text-df" style="margin: auto 0">
|
|
|
|
- <u-badge numberType="overflow" max="99" :value="1"></u-badge>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="uni-item">
|
|
|
|
+ <view class="uni-item-text font28" style="color: #909399">{{ item.cont }}</view>
|
|
|
|
+ <view class="uni-item-right font28" style="margin: auto 0">
|
|
|
|
+ <u-badge numberType="overflow" max="99" :value="item.badge"></u-badge>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view> -->
|
|
|
|
|
|
+ </view>
|
|
</scroll-view>
|
|
</scroll-view>
|
|
|
|
|
|
<oa-tabbar :tabbarValue="1"></oa-tabbar>
|
|
<oa-tabbar :tabbarValue="1"></oa-tabbar>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
-import fireBase from "@/static/images/info/fireBase.png";
|
|
|
|
import { onLoad, onShow, onHide, onLaunch } from "@dcloudio/uni-app";
|
|
import { onLoad, onShow, onHide, onLaunch } from "@dcloudio/uni-app";
|
|
import { ref, onMounted, inject, shallowRef, reactive, getCurrentInstance, toRefs } from "vue";
|
|
import { ref, onMounted, inject, shallowRef, reactive, getCurrentInstance, toRefs } from "vue";
|
|
|
|
|
|
|
|
+//引用API
|
|
import {} from "@/api/mine/info.js";
|
|
import {} from "@/api/mine/info.js";
|
|
|
|
|
|
const { proxy } = getCurrentInstance();
|
|
const { proxy } = getCurrentInstance();
|
|
|
|
|
|
const data = reactive({
|
|
const data = reactive({
|
|
- indexBackgroundImage: fireBase,
|
|
|
|
|
|
+ infoList: [
|
|
|
|
+ {
|
|
|
|
+ label: "应用消息",
|
|
|
|
+ time: "5月15日",
|
|
|
|
+ cont: "您收到一条最新消息,请及时查看",
|
|
|
|
+ badge: 0,
|
|
|
|
+ },
|
|
|
|
+ // {
|
|
|
|
+ // label: "消防知识库",
|
|
|
|
+ // time: "5月15日",
|
|
|
|
+ // cont: "您收到一条最新消息,请及时查看",
|
|
|
|
+ // badge: 0,
|
|
|
|
+ // },
|
|
|
|
+ ],
|
|
});
|
|
});
|
|
|
|
|
|
-const { indexBackgroundImage } = toRefs(data);
|
|
|
|
|
|
+const { infoList } = toRefs(data);
|
|
|
|
|
|
function goApplicationInfo() {
|
|
function goApplicationInfo() {
|
|
proxy.$tab.navigateTo("/pages/common/applicationInfo/index");
|
|
proxy.$tab.navigateTo("/pages/common/applicationInfo/index");
|
|
@@ -89,6 +71,7 @@ function goApplicationInfo() {
|
|
function goFireBase() {
|
|
function goFireBase() {
|
|
proxy.$tab.navigateTo("/pages/info/fireBase/fireBase");
|
|
proxy.$tab.navigateTo("/pages/info/fireBase/fireBase");
|
|
}
|
|
}
|
|
|
|
+
|
|
function goPushList() {
|
|
function goPushList() {
|
|
proxy.$tab.navigateTo("/pages/info/pushList/pushList");
|
|
proxy.$tab.navigateTo("/pages/info/pushList/pushList");
|
|
}
|
|
}
|
|
@@ -101,37 +84,35 @@ onLoad((options) => {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-:deep(.u-navbar__content__left) {
|
|
|
|
- padding: 30upx;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.uni-list {
|
|
|
|
- display: flex;
|
|
|
|
-
|
|
|
|
- .uni-avatar {
|
|
|
|
- margin: auto 20upx auto 0;
|
|
|
|
- .image-bg {
|
|
|
|
- width: 32px;
|
|
|
|
- height: 32px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .uni-content {
|
|
|
|
- width: calc(100% - (32px + 0.625rem));
|
|
|
|
- .uni-item {
|
|
|
|
- display: flex;
|
|
|
|
- line-height: 25px;
|
|
|
|
- white-space: nowrap;
|
|
|
|
-
|
|
|
|
- .uni-item-cont {
|
|
|
|
- margin-right: auto;
|
|
|
|
- overflow: hidden;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
|
+.info-container {
|
|
|
|
+ .content-area {
|
|
|
|
+ display: flex;
|
|
|
|
+
|
|
|
|
+ &-avatar {
|
|
|
|
+ margin: auto 20upx auto 0;
|
|
|
|
+ .image-bg {
|
|
|
|
+ width: 32px;
|
|
|
|
+ height: 32px;
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
|
|
- .uni-item-right {
|
|
|
|
- width: auto;
|
|
|
|
- text-align: right;
|
|
|
|
|
|
+ &-child {
|
|
|
|
+ width: calc(100% - (32px + 0.625rem));
|
|
|
|
+ .uni-item {
|
|
|
|
+ display: flex;
|
|
|
|
+ line-height: 25px;
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+
|
|
|
|
+ .uni-item-text {
|
|
|
|
+ margin-right: auto;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .uni-item-right {
|
|
|
|
+ width: auto;
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|