在线打卡

lin

2024-03-20 bdf42b6803208a2c904d0ba08f0084475f4b60b1

在线打卡

 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>