在线打卡

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>