|
|
@@ -1,49 +1,38 @@
|
|
|
<template>
|
|
|
<view class="content">
|
|
|
- <view class="resume-detail" :style="{ paddingTop: statusBarHeight + 'px' }">
|
|
|
- <view class="fixed-nav">
|
|
|
- <view class="navbar">
|
|
|
- <view class="navbar-content">
|
|
|
- <view class="navbar-left" @click="goBack">
|
|
|
- <u-icon name="arrow-leftward" size="38" color="#333"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="navbar-title">消息通知</view>
|
|
|
- <view class="navbar-right"></view>
|
|
|
- </view>
|
|
|
+ <navBar title="消息通知" color="#000" />
|
|
|
+
|
|
|
+ <view v-for="(item, index) in list" :key="index" class="item" @click="goDet(item.content)">
|
|
|
+ <view class="flex justify-between"
|
|
|
+ style="font-size: 30upx;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap">
|
|
|
+ <view>{{ item.title }}</view>
|
|
|
+ <view v-if="item.isSee == 0"
|
|
|
+ style="height: 32rpx;width: 32rpx;border-radius: 100rpx;background-color: red;color: #FFF;text-align: center;">
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <view v-for="(item, index) in list" :key="index" class="item" @click="goDet(item.content)">
|
|
|
- <view class="flex justify-between"
|
|
|
- style="font-size: 30upx;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space:nowrap">
|
|
|
- <view>{{ item.title }}</view>
|
|
|
- <view v-if="item.isSee == 0"
|
|
|
- style="height: 32rpx;width: 32rpx;border-radius: 100rpx;background-color: red;color: #FFF;text-align: center;">
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view style="color: #999999;font-size: 28upx;margin-top: 10upx;">{{ item.content }}</view>
|
|
|
-
|
|
|
- <view style="margin-top: 10upx;color: #999999;font-size: 28upx;text-align: right;">{{ item.createAt }}
|
|
|
- </view>
|
|
|
+ <view style="color: #999999;font-size: 28upx;margin-top: 10upx;">{{ item.content }}</view>
|
|
|
+
|
|
|
+ <view style="margin-top: 10upx;color: #999999;font-size: 28upx;text-align: right;">{{ item.createAt }}
|
|
|
</view>
|
|
|
- <!-- <view v-if="list.length === 0" style="background: #1c1b20;text-align: center;padding-top: 140upx;color: #FFFFFF;">暂无消息</view> -->
|
|
|
- <empty v-if="list.length === 0" des="暂无消息" show="false"></empty>
|
|
|
</view>
|
|
|
+ <!-- <view v-if="list.length === 0" style="background: #1c1b20;text-align: center;padding-top: 140upx;color: #FFFFFF;">暂无消息</view> -->
|
|
|
+ <empty v-if="list.length === 0" des="暂无消息" show="false"></empty>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import navBar from "@/components/nav-bar/index.vue";
|
|
|
import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
|
|
|
import empty from '@/components/empty';
|
|
|
|
|
|
export default {
|
|
|
components: {
|
|
|
uniLoadMore,
|
|
|
- empty
|
|
|
+ empty,
|
|
|
+ navBar
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- statusBarHeight: 0, // 状态栏高度
|
|
|
tabFromIndex: 5,
|
|
|
tabCurrentIndex: 0,
|
|
|
fromInfo: 5,
|
|
|
@@ -76,9 +65,6 @@
|
|
|
this.loadData();
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
- // 获取状态栏高度
|
|
|
- let systemInfo = uni.getSystemInfoSync();
|
|
|
- this.statusBarHeight = systemInfo.statusBarHeight || 0;
|
|
|
this.$queue.showLoading("加载中...")
|
|
|
this.loadData();
|
|
|
},
|
|
|
@@ -148,77 +134,24 @@
|
|
|
|
|
|
.content {
|
|
|
background: #ffffff;
|
|
|
- height: 100%;
|
|
|
+ height: 100vh;
|
|
|
}
|
|
|
|
|
|
- .swiper-box {
|
|
|
- height: calc(100% - 40px);
|
|
|
- }
|
|
|
|
|
|
.list-scroll-content {
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
- .resume-detail {
|
|
|
- height: 100vh;
|
|
|
- padding-bottom: 120rpx;
|
|
|
- // padding-top 已改为动态计算,在模板中通过 :style 设置
|
|
|
- }
|
|
|
.uni-swiper-item {
|
|
|
height: auto;
|
|
|
}
|
|
|
|
|
|
- page {
|
|
|
- background-color: #F7F7F7;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
.fixed-nav {
|
|
|
height: 88rpx;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
}
|
|
|
|
|
|
- // 顶部导航栏
|
|
|
- .navbar {
|
|
|
- background: #fff;
|
|
|
- height: 88rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- padding: 0 8rpx;
|
|
|
- flex: 1;
|
|
|
- .navbar-content {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 0 30rpx;
|
|
|
- height: 60rpx;
|
|
|
- flex: 1;
|
|
|
-
|
|
|
- .navbar-left {
|
|
|
- width: 60rpx;
|
|
|
- height: 60rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
-
|
|
|
- .navbar-title {
|
|
|
- color: rgba(23, 23, 37, 1);
|
|
|
- font-family: DM Sans;
|
|
|
- font-size: 38rpx;
|
|
|
- font-weight: 700;
|
|
|
- line-height: 52rpx;
|
|
|
- letter-spacing: 0%;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-
|
|
|
- .navbar-right {
|
|
|
- width: 60rpx;
|
|
|
- height: 60rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
|
|
|
|
|
|
|