<route lang="json5" type="page">
{
  layout: 'default',
  style: {
    navigationStyle: 'custom'
  }
}
</route>

<template>
  <view class="h-100vh flex flex-col">
    <TopNavigation title="考勤规则"></TopNavigation>
    <view class="px-4 pt-5 text-3">
      <view class="color-gray text-3 ml-3.5 mb-2">考勤</view>
      <view class="bg-white rounded-2 p-3.5">
        <view class="font-bold text-3.5">今日考勤时间</view>
        <view class="mt-3">上班时间不固定,可自由打卡</view>
      </view>
      <view class="bg-white rounded-2 p-3.5 mt-2">
        <view class="font-bold text-3.5">打卡方式</view>
        <view class="mt-3">在设备上打卡</view>
        <view class="mt-2">手机定位打卡</view>
        <view class="inline-flex flex-row items-center bg-gray-100 rounded-2 mt-1.5 p-1.5">
          <view class="i-carbon-location-filled color-[#3372FA]"></view>
          <view class="ml-0.5 text-3">宏发科技园H1栋</view>
        </view>
      </view>
      <view class="bg-white rounded-2 p-3.5 mt-2">
        <view class="font-bold text-3.5">其他</view>
        <view class="mt-3">允许外勤打卡</view>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>
  //
</script>

<style lang="scss" scoped>
  //
</style>
