<view class="flex-col justify-start items-center page">
  <view class="flex-col section">
    <view class="flex-col items-center">
      <image
        class="image"
        src="./images/logo.png"
      />
      <text class="mt-12 text">欢迎进入青橙校园</text>
    </view>
    <view class="mt-38 flex-col">
      <view class="flex-col justify-start items-center text-wrapper" bind:tap="userLogin" data-role="{{ 'user' }}"><text class="font text_2">我是用户</text></view>
      <view class="flex-col justify-start items-center text-wrapper_2 mt-9" bind:tap="userLogin" data-role="{{ 'supervisor' }}"><text class="font">我是主管</text></view>
      <view class="flex-col justify-start items-center text-wrapper_2 mt-9" bind:tap="userLogin" data-role="{{ 'staff' }}">
        <text class="font text_3">我是员工</text>
      </view>
      <view class="flex-col justify-start items-center text-wrapper_2 mt-9" bind:tap="userLogin" data-role="{{ 'manager' }}">
        <text class="font text_3">我是经理</text>
      </view>
    </view>
  </view>
</view>