From bdf42b6803208a2c904d0ba08f0084475f4b60b1 Mon Sep 17 00:00:00 2001
From: lin <sbla5888@163.com>
Date: Wed, 20 Mar 2024 09:07:38 +0800
Subject: [PATCH] 在线打卡
---
subPackage/police/onLine.vue | 27 +++++++++++++++++++--------
1 files changed, 19 insertions(+), 8 deletions(-)
diff --git a/subPackage/police/onLine.vue b/subPackage/police/onLine.vue
index bbd6ccc..0732afa 100644
--- a/subPackage/police/onLine.vue
+++ b/subPackage/police/onLine.vue
@@ -1,7 +1,7 @@
<template>
<view class="container">
- <view class="row bgc-ff mt-20 flex j-c-c">
+ <view class="row bgc-ff mt-20 flex f-d-c a-i-c j-c-c">
<!-- <u-row customStyle="margin-bottom: 10px">
@@ -15,9 +15,11 @@
</u-col>
</u-row> -->
-
- <view class="round bgc-main">
- {{onLine?"离线":"在线"}}
+ <view class="f-32 mb-20">
+ 当前状态 {{onLine?"在线 ":"离线"}}
+ </view>
+ <view class="round" :class="onLine?'bgc-main':' bgc-gray '" @click="asyncChange(!onLine)">
+ {{onLine?"在线 ":"离线"}}
</view>
@@ -51,7 +53,7 @@
data() {
return {
onLine: false,
- // userInfo: {},
+ userInfo: {},
loading: false,
}
},
@@ -151,6 +153,7 @@
// padding: 20rpx;
// margin: 0 20rpx;
// border-radius: 4rpx;
+ padding-top: 200rpx;
}
.container {
@@ -177,10 +180,18 @@
}
.round {
- width: 80rpx;
- height: 80rpx;
+ width: 200rpx;
+ height: 200rpx;
+ line-height: 200rpx;
border-radius: 50%;
- margin-top: 30%;
+ text-align: center;
+ color: #fff;
+ font-weight: bold;
+
+ }
+
+ .bgc-gray {
+ background: #949494;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3