From 93de43267e1663031fe5dc2f5ae40d128a182a76 Mon Sep 17 00:00:00 2001
From: doum <doum>
Date: 星期四, 18 六月 2026 17:24:51 +0800
Subject: [PATCH] 新增智能电表、空调管理
---
h5/pages/roleSelect.vue | 42 +++++++++++++++++++++++-------------------
1 files changed, 23 insertions(+), 19 deletions(-)
diff --git a/h5/pages/roleSelect.vue b/h5/pages/roleSelect.vue
index 68df7e0..503c40a 100644
--- a/h5/pages/roleSelect.vue
+++ b/h5/pages/roleSelect.vue
@@ -1,14 +1,28 @@
<template>
- <view class="page">
- <view class="title">璇烽�夋嫨鐧诲綍韬唤</view>
- <view class="sub-title">鍒囨崲瑙掕壊鍚庨渶浣跨敤瀵瑰簲韬唤閲嶆柊鐧诲綍</view>
- <view class="card" @click="goOps">
- <view class="name">杩愮淮浜哄憳</view>
- <view class="desc">宸ュ崟銆佸贰妫�銆佽澶囪繍缁�</view>
+ <view class="cu-auth-page">
+ <view class="cu-auth-page__title">閫夋嫨韬唤</view>
+ <view class="cu-auth-page__sub">鍒囨崲瑙掕壊鍚庨渶浣跨敤瀵瑰簲韬唤閲嶆柊鐧诲綍</view>
+
+ <view class="cu-role-card cu-role-card--ops" @click="goOps">
+ <view class="cu-role-card__icon">
+ <u-icon name="setting-fill" color="#40a9ff" size="28" />
+ </view>
+ <view class="cu-role-card__main">
+ <view class="cu-role-card__name">杩愮淮浜哄憳</view>
+ <view class="cu-role-card__desc">宸ュ崟銆佸贰妫�銆佽澶囪繍缁�</view>
+ </view>
+ <text class="cu-role-card__arrow">鈥�</text>
</view>
- <view class="card merchant" @click="goMerchant">
- <view class="name">鍟嗘埛</view>
- <view class="desc">浜ょ數璐广�佹煡鍚堝悓銆佹煡璐﹀崟</view>
+
+ <view class="cu-role-card cu-role-card--merchant" @click="goMerchant">
+ <view class="cu-role-card__icon">
+ <u-icon name="home-fill" color="#fa8c16" size="28" />
+ </view>
+ <view class="cu-role-card__main">
+ <view class="cu-role-card__name">鍟嗘埛</view>
+ <view class="cu-role-card__desc">浜ょ數璐广�佹煡鍚堝悓銆佹煡璐﹀崟</view>
+ </view>
+ <text class="cu-role-card__arrow">鈥�</text>
</view>
</view>
</template>
@@ -37,13 +51,3 @@
}
}
</script>
-
-<style lang="scss" scoped>
-.page { min-height: 100vh; padding: 120rpx 48rpx; background: linear-gradient(180deg, #e8f0ff 0%, #fff 100%); }
-.title { font-size: 44rpx; font-weight: 600; margin-bottom: 16rpx; color: #222; }
-.sub-title { font-size: 26rpx; color: #999; margin-bottom: 48rpx; }
-.card { background: #fff; border-radius: 24rpx; padding: 40rpx; margin-bottom: 32rpx; box-shadow: 0 8rpx 24rpx rgba(0,0,0,.06); }
-.card.merchant { border: 2rpx solid #3c7cff; }
-.name { font-size: 36rpx; font-weight: 600; color: #222; }
-.desc { margin-top: 12rpx; font-size: 26rpx; color: #888; }
-</style>
--
Gitblit v1.9.3