页面切图
This commit is contained in:
42
pages/index/comp/indexGongCheng.vue
Normal file
42
pages/index/comp/indexGongCheng.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<template>
|
||||
<view class="index-gongcheng">
|
||||
<div class="header">
|
||||
<div class="header-item">
|
||||
<div class="header-item-value">3</div>
|
||||
<div class="header-item-label">正常设备</div>
|
||||
</div>
|
||||
<div class="header-item">
|
||||
<div class="header-item-value">1</div>
|
||||
<div class="header-item-label">报警设备</div>
|
||||
</div>
|
||||
<div class="header-item">
|
||||
<div class="header-item-value">0</div>
|
||||
<div class="header-item-label">离线设备</div>
|
||||
</div>
|
||||
</div>
|
||||
<uni-card title="基础设备" sub-title="副标题" extra="APF" v-for="item in 3" :key="item" @click="jump"
|
||||
thumbnail="/static/device.png">
|
||||
<text>设备基础信息 </text>
|
||||
</uni-card>
|
||||
<uni-load-more status="nomore"></uni-load-more>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
loading: false
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
jump () {
|
||||
uni.navigateTo({
|
||||
url: '/pages/device/detailAPF'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang='scss'>
|
||||
.index-gongcheng {}
|
||||
</style>
|
||||
Reference in New Issue
Block a user