调整首页

pages/home/index.wxml

@@ -1,2 +1,62 @@
 <!--pages/home/index.wxml-->
-首页
+<view class="top">
+  <custom-status-bar />
+  <view class="chooseParkWrapper">
+    用电管理服务 ·
+    <view class="parkContent">
+      <view class="park">
+        金石工业园
+      </view>
+      <van-icon name="arrow-down" style="margin-left: 16rpx;" />
+    </view>
+  </view>
+</view>
+<view class="login" wx:if="{{!user || !user.id}}" class="notLoginWrapper">
+  <van-image width="100rpx" height="100rpx" src="/assets/images/defaultAvatar.png" class="defaultAvatar"/>
+  <van-button type="info" size="small" plain="{{true}}" class="loginBtn">请登录</van-button>
+</view>
+<view class="rechargeWrapper">
+  <view class="card">
+    <view class="cardTop">
+      <view class="cardTopLeft">
+        <view> 华昌宝能 - 软c307 </view>
+      </view>
+      <van-button type="info" size="small" plain="{{true}}" class="loginBtn">
+        <van-icon name="exchange" />
+        切换电表
+      </van-button>
+    </view>
+    <view class="cardContent">
+      <view class="cardItem">
+        <view class="cardItemLabel"> 电表编号： </view>
+        <view class="cardItemValue"> 15151515 </view>
+      </view>
+      <view class="cardItem">
+        <view class="cardItemLabel"> 电表地址： </view>
+        <view class="cardItemValue"> 软C307 </view>
+      </view>
+      <view class="cardItem">
+        <view class="cardItemLabel"> 电表余额： </view>
+        <view class="cardItemValue">
+          <view class="text"> 200 </view>
+          <van-button type="info" size="small" plain="{{true}}">
+            <van-icon name="replay" />
+            刷新
+          </van-button>
+        </view>
+      </view>
+    </view>
+  </view>
+  <view class="recharge">
+    <view> 请输入金额： </view>
+    <view>
+      <view> ￥30 </view>
+      <view> ￥50 </view>
+      <view> ￥100 </view>
+      <view> ￥200 </view>
+    </view>
+  </view>
+  <view class="operate">
+    <van-button color="rgb(88, 165, 141)" block>去缴费</van-button>
+  </view>
+</view>