页面切图
This commit is contained in:
@@ -5,15 +5,15 @@
|
||||
<div class="header">
|
||||
<div class="header-content">
|
||||
<div class="header-content-item">
|
||||
<div class="header-content-item-value">38</div>
|
||||
<div class="header-content-item-value">3</div>
|
||||
<div class="header-content-item-label">正常设备</div>
|
||||
</div>
|
||||
<div class="header-content-item">
|
||||
<div class="header-content-item-value">5</div>
|
||||
<div class="header-content-item-value">1</div>
|
||||
<div class="header-content-item-label">报警设备</div>
|
||||
</div>
|
||||
<div class="header-content-item">
|
||||
<div class="header-content-item-value">3</div>
|
||||
<div class="header-content-item-value">0</div>
|
||||
<div class="header-content-item-label">离线设备</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -23,7 +23,8 @@
|
||||
<text>设备基础信息 </text>
|
||||
</uni-card>
|
||||
<uni-load-more status="nomore"></uni-load-more>
|
||||
<uni-fab ref="fab" horizontal="right" vertical="bottom" :content="content" @trigger="trigger" />
|
||||
<uni-fab ref="fab" direction="vertical" horizontal="right" vertical="bottom" :content="content"
|
||||
@trigger="trigger" />
|
||||
</view>
|
||||
</view>
|
||||
</Cn-page>
|
||||
@@ -37,7 +38,7 @@ export default {
|
||||
iconPath: '/static/device.png',
|
||||
text: '添加设备',
|
||||
}, {
|
||||
iconPath: '/static/wangguan.png',
|
||||
iconPath: '/static/gateway.png',
|
||||
text: '添加网关',
|
||||
},
|
||||
]
|
||||
@@ -66,6 +67,10 @@ export default {
|
||||
uni.navigateTo({
|
||||
url: '/pages/device/new'
|
||||
})
|
||||
}else if(e.index === 1){
|
||||
uni.navigateTo({
|
||||
url: '/pages/gateway/new'
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -82,7 +87,7 @@ export default {
|
||||
|
||||
.header {
|
||||
margin: 0 30rpx;
|
||||
background: #fff;
|
||||
background: $uni-theme-white;
|
||||
border-radius: 12rpx;
|
||||
background: $uni-color-primary;
|
||||
padding: 30rpx 10rpx 40rpx;
|
||||
@@ -105,4 +110,8 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/deep/ .uni-card {
|
||||
background: $uni-theme-white;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -20,10 +20,10 @@
|
||||
<view class="mine-nav-label">个人消息</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('message')"
|
||||
<view class="mine-nav" @click="jump('gateway')"
|
||||
style="border-bottom: none; box-shadow: 0 4rpx 8rpx #e7e7e74c;">
|
||||
<image mode="aspectFill" class="mine-nav-icon" src="/static/message2.png" />
|
||||
<view class="mine-nav-label">网关管理</view>
|
||||
<image mode="aspectFill" class="mine-nav-icon" src="/static/gateway.png" />
|
||||
<view class="mine-nav-label">网关列表</view>
|
||||
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
|
||||
</view>
|
||||
<view class="mine-nav" @click="jump('setup')" style="margin-top:20rpx;border-bottom: none; ">
|
||||
@@ -63,6 +63,11 @@ export default {
|
||||
url: `/pages/user/login`
|
||||
})
|
||||
break;
|
||||
case 'gateway':
|
||||
uni.navigateTo({
|
||||
url: `/pages/gateway/list`
|
||||
})
|
||||
break;
|
||||
case 'upgrade':
|
||||
this.$refs.inputDialog.open()
|
||||
break;
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<uni-list :border="false">
|
||||
<uni-list-item title="输入电压异常" rightText="2023-02-01 15:10:29" v-for="item in 5" />
|
||||
<uni-list-item title="输入电压异常" rightText="2023-02-01 15:10:29" v-for="item in 5" />
|
||||
</uni-list>
|
||||
<uni-load-more status="nomore"></uni-load-more>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -22,6 +23,11 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="scss">
|
||||
.content {}
|
||||
|
||||
/deep/ .uni-list-item {
|
||||
background-color: $uni-theme-white !important;
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user