| | |
| | | "selectedColor": "#0faeff", |
| | | "backgroundColor": "#ffffff", |
| | | "list": [{ |
| | | "pagePath": "pages/alarm_list/alarm_list", |
| | | "pagePath": "pages/index/index", |
| | | "text": "首页", |
| | | "iconPath": "static/tabbar/index01.png", |
| | | "selectedIconPath": "static/tabbar/index02.png" |
| | |
| | | <template> |
| | | <view class="alarm-list"> |
| | | <!-- 自定义顶部导航栏 --> |
| | | <navBarTop :title="'我要查'"></navBarTop> |
| | | |
| | | <!-- <navBarTop :title="'我要查'"></navBarTop> --> |
| | | <uni-nav-bar class="uni-nav-bar-info" :fixed="true" :status-bar="true" > |
| | | <view class="title" slot="default">群防任务</view> |
| | | <view slot="left" class="uni-nav-bar-left" @click="goBack()"> |
| | | <image src="../../static/images/nav/back02.png"></image> |
| | | </view> |
| | | </uni-nav-bar> |
| | | <view class="navigation-bar"> |
| | | <view class="alarm-bar-total" :style="{color:totalColor,borderBottom:totalBoder}" @click="getAlarmListInfo(1)">全部({{totalNumber}})</view> |
| | | <view class="alarm-bar-noload" :style="{color:noloadColor,borderBottom:noloadBoder}" @click="getAlarmListInfo(2)">未处理({{untreatedNumber}})</view> |
| | |
| | | this.getAlarmListInfo(1); |
| | | }, |
| | | methods:{ |
| | | //返回上一页 |
| | | goBack(){ |
| | | uni.navigateBack({ |
| | | }) |
| | | }, |
| | | |
| | | // 获取滚动窗口高度 |
| | | getSysteminfo() { |
| | |
| | | //顶部状态栏高度 |
| | | this.systemBarHeight = res.statusBarHeight; |
| | | //res.screenHeight为屏幕高度,顶部导航栏和底部导航栏 默认高度为 50 px ,43为tab标签高度 |
| | | this.scrollHeight = res.screenHeight - this.systemBarHeight-100-43; |
| | | this.scrollHeight = res.screenHeight - this.systemBarHeight-50-43; |
| | | //得到数据内容滚动窗口高度 |
| | | this.scrollHeight = this.scrollHeight + "px"; |
| | | } |
| | |
| | | display: flex; |
| | | } |
| | | |
| | | .uni-nav-bar-info { |
| | | // font-weight: 550; |
| | | |
| | | .title{ |
| | | position: fixed; |
| | | right: 42%; |
| | | font-weight: 550; |
| | | letter-spacing: 1px; |
| | | } |
| | | |
| | | .uni-nav-bar-left{ |
| | | display: flex; |
| | | justify-items: center; |
| | | |
| | | image{ |
| | | // background-color: #00BFFF; |
| | | margin-left: 1rem; |
| | | width: 1.6rem; |
| | | height: 1.6rem; |
| | | border-radius: 100px; |
| | | } |
| | | } |
| | | |
| | | .right{ |
| | | display: flex; |
| | | |
| | | .title-right{ |
| | | position: relative; |
| | | font-size: 0.7rem; |
| | | color: #808080; |
| | | right: 0.5rem; |
| | | top: 0.2rem; |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | |
| | | .alarm-list{ |
| | | width: 100%; |
| | | flex-direction: column; |
| | |
| | | data: [], |
| | | titleList: ['推荐', '要闻', '新思想'], |
| | | titleNum: 0, |
| | | articleTabArr: ['全部', '视频', '社会', '经济', '关注'], |
| | | articleTabArr: ['全部', '视频', '社会', '经济', '热点'], |
| | | articleTabNum: 0, |
| | | navbarTopHeight: "10px" |
| | | } |
| | |
| | | this.passwords = '******'; |
| | | uni.hideNavigationBarLoading(); |
| | | uni.reLaunch({ |
| | | url: '../alarm_list/alarm_list' |
| | | url: '../index/index' |
| | | }) |
| | | return '成功登录' |
| | | } else { |