|
@@ -1,22 +1,22 @@
|
|
<template>
|
|
<template>
|
|
<view class="fireBashWrapper pushListWrapper ">
|
|
<view class="fireBashWrapper pushListWrapper ">
|
|
- <!-- <cu-custom bgColor="bg-gradual-blue" :isBack="true"><block slot="backText">返回</block><block slot="content">布局</block></cu-custom>
|
|
|
|
- --> <view class="ding">
|
|
|
|
- <scroll-view scroll-x class="bg-white nav text-center" >
|
|
|
|
- <view class="cu-item" :class="index==TabCur?'text-blue cur':''" v-for="(item,index) in tabNav" :key="index" @tap="tabSelect"
|
|
|
|
- :data-id="index">
|
|
|
|
- <view class="cu-tag badge">
|
|
|
|
- <block class="cu-tag badge" v-if="item.badge!=1">99</block>
|
|
|
|
- </view>
|
|
|
|
- {{tabNav[index]}}
|
|
|
|
- </view>
|
|
|
|
- </scroll-view>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
|
|
+ <view style="height:90rpx"></view>
|
|
|
|
+ <view class="ding">
|
|
|
|
+ <scroll-view scroll-x class="bg-white nav text-center">
|
|
|
|
+ <view class="cu-item" :class="index==TabCur?'text-blue cur':''" v-for="(item,index) in tabNav"
|
|
|
|
+ :key="index" @tap="tabSelect" :data-id="index">
|
|
|
|
+ <view class="cu-tag badge">
|
|
|
|
+ <block class="cu-tag badge" v-if="item.badge!=1">99</block>
|
|
|
|
+ </view>
|
|
|
|
+ {{tabNav[index]}}
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
<block v-if="TabCur==0">
|
|
<block v-if="TabCur==0">
|
|
<view class="" style="margin-top:0">
|
|
<view class="" style="margin-top:0">
|
|
<view class="cu-list menu-avatar ">
|
|
<view class="cu-list menu-avatar ">
|
|
- <view class="cu-item" v-for="(item,index) in unporcessList" :key="index" @tap="goFireBaseDetail">
|
|
|
|
|
|
+ <view class="cu-item" v-for="(item,index) in unporcessList" :key="index" @tap="goFireBaseDetail">
|
|
<view class="cu-avatar" style="background-image:url(../../../static/push-list.png);"></view>
|
|
<view class="cu-avatar" style="background-image:url(../../../static/push-list.png);"></view>
|
|
<view class="content">
|
|
<view class="content">
|
|
<view class="pro-title">
|
|
<view class="pro-title">
|
|
@@ -29,7 +29,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="pro-date">{{item.time}}</view>
|
|
<view class="pro-date">{{item.time}}</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -37,7 +37,7 @@
|
|
<block v-if="TabCur==1">
|
|
<block v-if="TabCur==1">
|
|
<view class="" style="margin-top:0">
|
|
<view class="" style="margin-top:0">
|
|
<view class="cu-list menu-avatar ">
|
|
<view class="cu-list menu-avatar ">
|
|
- <view class="cu-item" v-for="(item,index) in unporcessList" :key="index" @tap="goFireBaseDetail">
|
|
|
|
|
|
+ <view class="cu-item" v-for="(item,index) in unporcessList" :key="index" @tap="goFireBaseDetail">
|
|
<view class="cu-avatar" style="background-image:url(../../../static/push-list.png);"></view>
|
|
<view class="cu-avatar" style="background-image:url(../../../static/push-list.png);"></view>
|
|
<view class="content">
|
|
<view class="content">
|
|
<view class="pro-title">
|
|
<view class="pro-title">
|
|
@@ -50,7 +50,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="pro-date">{{item.time}}</view>
|
|
<view class="pro-date">{{item.time}}</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -64,52 +64,53 @@
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
- unporcessList:[{
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },{
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },{
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },{
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },{
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },{
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- },
|
|
|
|
- {
|
|
|
|
- title:'火灾逃生九大要诀',
|
|
|
|
- time:'2020-02-12',
|
|
|
|
- subtit:'admin'
|
|
|
|
- }],
|
|
|
|
-
|
|
|
|
|
|
+ unporcessList: [{
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ }, {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ }, {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ }, {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ }, {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ }, {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ title: '火灾逃生九大要诀',
|
|
|
|
+ time: '2020-02-12',
|
|
|
|
+ subtit: 'admin'
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+
|
|
processedList: json.processedList,
|
|
processedList: json.processedList,
|
|
|
|
|
|
type: '0',
|
|
type: '0',
|
|
@@ -121,7 +122,7 @@
|
|
tabNav: ['未读', '已读']
|
|
tabNav: ['未读', '已读']
|
|
};
|
|
};
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
methods: {
|
|
methods: {
|
|
tabSelect(e) {
|
|
tabSelect(e) {
|
|
this.TabCur = e.currentTarget.dataset.id;
|
|
this.TabCur = e.currentTarget.dataset.id;
|
|
@@ -167,7 +168,7 @@
|
|
|
|
|
|
<style lang="scss">
|
|
<style lang="scss">
|
|
//已处理未处理消息个数样式
|
|
//已处理未处理消息个数样式
|
|
-
|
|
|
|
|
|
+
|
|
.nav .cu-item.cur {
|
|
.nav .cu-item.cur {
|
|
position: relative;
|
|
position: relative;
|
|
border-bottom: 8rpx solid;
|
|
border-bottom: 8rpx solid;
|
|
@@ -189,4 +190,3 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
-
|
|
|