feature 静态资源提交

app.js

@@ -14,6 +14,17 @@ App({
     })
   },
   globalData: {
-    userInfo: null
+    userInfo: null,
+    pictures:{
+      background:'/static_file/background.png',
+      logo:'/static_file/logo.png',
+      phone:'/static_file/phone.png',
+      water:'/static_file/water.png',
+      tzd:'/static_file/tzd.png',
+      hh:'/static_file/hh.png',
+      card:'/static_file/card.png',
+      location:'/static_file/location.png',
+      location:'/static_file/yl.png',
+    }
   }
 })

app.json

@@ -4,20 +4,20 @@
     "pages/mine/mine"
   ],
   "tabBar": {
-    "color": "#a9b7b7",
-    "selectedColor": "#11cd6e",
-    "borderStyle": "white",
+    "color": "#2E3038",
+    "selectedColor": "#2E3038",
     "position": "bottom",
+    "borderStyle":"black",
     "list": [
       {
-        "selectedIconPath": "static_file/1.png",
-        "iconPath": "static_file/1.png",
+        "selectedIconPath": "static_file/homepageCheck.png",
+        "iconPath": "static_file/homepage.png",
         "pagePath": "pages/homepage/homepage",
         "text": "首页"
       },
       {
-        "selectedIconPath": "static_file/1.png",
-        "iconPath": "static_file/1.png",
+        "selectedIconPath": "static_file/personalCenterCheck.png",
+        "iconPath": "static_file/personalCenter.png",
         "pagePath": "pages/mine/mine",
         "text": "我的"
       }

app.wxss

@@ -1,10 +1,37 @@
 /**app.wxss**/
+
+page {
+  background-color: #f5f5f5;
+  box-sizing: border-box;
+}
+
 .container {
   height: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
-  padding: 200rpx 0;
+  padding: 0 0;
+  box-sizing: border-box;
+}
+
+view, text, button, input {
+  font-family: 'PingFangSC-regular',
+                 'Lucida Sans Regular',
+                 'Lucida Sans',
+                 'Lucida Grande',
+                 'Lucida Sans Unicode',
+                 Geneva,
+                 Verdana,
+                 sans-serif;
+                
+}
+
+.rw-card {
+  background-color: #fff;
+  border-top: 1px solid #f2f2f2;
+  border-bottom: 1px solid #f2f2f2;
   box-sizing: border-box;
-} 
+}
+
+

pages/homepage/homepage.wxml

@@ -1,2 +1,47 @@
-
-<text>pages/homepage/homepage.wxml</text>
+<!--index.wxml-->
+<view class="container">
+  <view class="main-banner">
+    <image src="{{pagePics.mainBanner}}" mode="aspectFit" class="main-banner-image"></image>
+  </view>
+  <!-- 核心功能 账单缴费/充值 -->
+  <view class="payment-card">
+    <view class="index-waterRate-wrapper">
+      <image src="{{pagePics.payment.x3}}" 
+      mode="aspectFit" class="payment-card-icon" bindtap="doPayment"></image>
+      <view class="payment-card-text" bindtap="doPayment">我要缴费</view>
+    </view>
+    <view class="index-property-wrapper">
+      <image src="{{pagePics.precharge.x3}}" 
+      mode="aspectFit" class="payment-card-icon" bindtap="doPrecharge"></image>
+      <view class="payment-card-text" bindtap="doPrecharge">我要充值</view>
+    </view>
+  </view>
+  <!-- 次级功能 缴费记录、充值记录、户号绑定/解绑、用户反馈 -->
+  <view class="function-card">
+    <view class="function-card-title">
+      我的服务
+    </view>
+    <view class="function-item-wrapper clearfix">
+      <view class="function-item" wx:for="{{ functionItems }}" wx:key="item" 
+      data-hi="{{ item }}" bindtap="doService">
+        <image class="function-item-icon" src="{{item.iconSrc}}" mode="aspectFit"></image>
+        <view class="function-item-text">{{item.text}}</view>
+      </view>
+    </view>
+  </view>
+    <view class="rw-info-msg-wrapper info-msg-wrapper">
+    <view class="index-ad-wrapper">
+    <view class="ad-text">
+    好消息！云锡广元应急生产支援疫情防控，75%酒精消毒液9元/500ml。老虎山酒业个旧、蒙自直营店，市区各广元物管小区办公室均可购买！
+    </view>
+    <view class="ad-addr">
+    联系人：李经理，电话：13508830190
+    </view>
+    </view>
+    <view class="rw-info-msg-title">温馨提示：</view>
+    <view class="rw-info-msg-text">1、部分小区水费由物业代收，那么只需要做物业绑定就可以了。具体情况请咨询现场工作人员。
+    </view>
+    <view class="rw-info-msg-text">2、缴费与充值记录显示可能有5-10分钟的延迟，如果没有记录可稍后再查询
+    </view>
+  </view>
+</view>