project init

pages/settings/expend/index.js

@@ -0,0 +1,17 @@
+Page({
+    data: {
+        payList: [
+            {"name":"数码产品","money":"5000.00"},
+            {"name":"虚拟产品","money":"2000.00"},
+            {"name":"红包","money":"0.23"}
+        ]
+    },
+    onLoad: function (options) {
+
+    },
+    handleClick() {
+        wx.navigateTo({
+            url : "../edit/index?isAccount=0&isIncome=0&isAdd=1"
+        })
+    }
+});

pages/settings/expend/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {
+  }
+}

pages/settings/expend/index.wxml

@@ -0,0 +1,20 @@
+<view class="main_look">
+    <view class="look_content">
+        <view class="pay_look">
+            <view bind:tap="changeBudget" data-type="count" class="inline_box font_big">年度总支出</view>
+        </view>
+        <view class="pay_look">
+            <text class="center_look font_big">{{ 7000.23 }}</text>
+        </view>
+    </view>
+</view>
+<t-cell-group theme="card">
+    <t-cell wx:for="{{payList}}" wx:key="index"
+            title="{{item.name}}"
+            align="top"
+            image="/image/bill/7.png"
+            note="{{item.money}}"
+            url="../edit/index?isAccount=0&isIncome=0&isAdd=0"
+    />
+</t-cell-group>
+<t-fab icon="add" bind:click="handleClick" aria-label="新增支出类型"/>

pages/settings/expend/index.wxss

@@ -0,0 +1,19 @@
+.main_look {
+    padding: 0 30rpx;
+    margin-bottom: 20rpx;
+}
+.look_content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    height: 200rpx;
+    background-color: #111111;
+    background-size:100% 100%;
+    font-weight: bold;
+}
+.pay_look {
+    padding: 0 20rpx;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+}