qingcheng-xiaochengxu/pages/welcome/homePage/homePage.wxml

<view class="page">
  <view class="section">
    <!-- 顶部 Logo 与标题 -->
    <view class="logo-area">
      <image class="logo" src="/static/logo.jpg" mode="aspectFill" />
      <text class="title">欢迎进入丁香校园</text>
    </view>

    <!-- 身份选择按钮组 -->
    <view class="btn-group">
      <view
        class="btn btn--primary"
        hover-class="btn--hover"
        hover-stay-time="80"
        bind:tap="userLogin"
        data-role="{{ 'user' }}"
      >
        <text class="btn-text btn-text--light">我是用户</text>
      </view>

      <view
        class="btn btn--outline"
        hover-class="btn--hover"
        hover-stay-time="80"
        bind:tap="userLogin"
        data-role="{{ 'staff' }}"
      >
        <text class="btn-text">我是员工</text>
      </view>

      <view
        class="btn btn--outline"
        hover-class="btn--hover"
        hover-stay-time="80"
        bind:tap="userLogin"
        data-role="{{ 'supervisor' }}"
      >
        <text class="btn-text">我是主管</text>
      </view>

      <view
        class="btn btn--outline"
        hover-class="btn--hover"
        hover-stay-time="80"
        bind:tap="userLogin"
        data-role="{{ 'manager' }}"
      >
        <text class="btn-text">我是经理</text>
      </view>
    </view>
  </view>
</view>