App/app-govern
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面切图

Browse Source
This commit is contained in:
仲么了
2023-02-10 16:32:41 +08:00
parent 1e81b90b8f
commit 51f9add37c
12 changed files with 447 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
pages/mine/user.vue Normal file
View File

@@ -0,0 +1,55 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='index'>
<uni-list>
<uni-list-item title="张三" note="2023-02-10 14:55" thumb="/static/head.png" thumb-size="lg">
<template v-slot:footer>
<view class="footer-btn mt20" style="background:#e47470">移除</view>
<view class="footer-btn mt20 ml10" @click="jump">查看</view>
</template>
</uni-list-item>
<uni-list-item title="李四" note="2023-02-10 14:55" thumb="/static/head.png" thumb-size="lg">
<template v-slot:footer>
<view class="footer-btn mt20" style="background:#e47470">移除</view>
<view class="footer-btn mt20 ml10" @click="jump">查看</view>
</template>
</uni-list-item>
</uni-list>
<uni-load-more status="nomore"></uni-load-more>
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
jump () {
uni.navigateTo({
url: '/pages/mine/userDetail'
})
}
}
}
</script>
<style lang='scss'>
.index {
padding: 34rpx;
.footer-btn {
padding: 0 20rpx;
height: 50rpx;
background-color: #007aff;
font-size: 24rpx;
color: #fff;
text-align: center;
line-height: 50rpx;
border-radius: 10rpx;
}
}
</style>

73
pages/mine/userDetail.vue Normal file
View File

@@ -0,0 +1,73 @@
<template>
<Cn-page :loading='loading'>
<view slot='body'>
<view class='index'>
<uni-card title="设备信息" sub-title="副标题" v-for="item in 3" :key="item"
thumbnail="/static/real_time_data.png">
<view class="footer">
<text>设备基础信息 </text>
<view class="footer-btn" @click="del">移除</view>
</view>
</uni-card>
<uni-load-more status="nomore"></uni-load-more>
</view>
</view>
</Cn-page>
</template>
<script>
export default {
data () {
return {
loading: false
}
},
methods: {
del(){
uni.showModal({
title: '提示',
content: '确定要移除该设备权限吗？',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
},
newDevice () {
uni.scanCode({
success: function (res) {
console.log('条码类型：' + res.scanType);
console.log('条码内容：' + res.result);
uni.navigateTo({
url: '/pages/gateway/newDevice'
})
}
});
},
}
}
</script>
<style lang='scss'>
.index {
.footer {
display: flex;
justify-content: space-between;
align-items: center;
.footer-btn {
padding: 0 20rpx;
height: 50rpx;
background-color: #e47470;
font-size: 24rpx;
color: #fff;
text-align: center;
line-height: 50rpx;
border-radius: 10rpx;
}
}
}
</style>