美化了样式2.0

pages/welcome/homePage/homePage.wxml

@@ -1,21 +1,52 @@
-<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 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="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 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="flex-col justify-start items-center text-wrapper_2 mt-9" bind:tap="userLogin" data-role="{{ 'manager' }}">
-        <text class="font text_3">我是经理</text>
+
+      <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>
+</view>