页面切图

This commit is contained in:
仲么了
2023-02-07 17:59:54 +08:00
parent 6cd009f621
commit 3f50cca6db
35 changed files with 933 additions and 164 deletions

View File

@@ -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>

View File

@@ -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;

View File

@@ -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>