白色主题
This commit is contained in:
@@ -1,20 +1,23 @@
|
||||
.main_look {
|
||||
font-weight: bold;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
}
|
||||
.pay_look {
|
||||
margin-top: 50rpx;
|
||||
padding-top: 50rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
font-size: 50rpx;
|
||||
}
|
||||
.detail_look {
|
||||
margin-top: 100rpx;
|
||||
margin-top: 20rpx;
|
||||
padding: 0 30rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
.padding_box {
|
||||
margin-top: 100rpx;
|
||||
margin-top: 80rpx;
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
{
|
||||
"usingComponents": {
|
||||
"t-collapse": "/miniprogram_npm/tdesign-miniprogram/collapse/collapse",
|
||||
"t-collapse-panel": "/miniprogram_npm/tdesign-miniprogram/collapse/collapse-panel",
|
||||
"t-collapse-panel": "/miniprogram_npm/tdesign-miniprogram/collapse-panel/collapse-panel",
|
||||
"t-calendar": "/miniprogram_npm/tdesign-miniprogram/calendar/calendar"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -25,10 +25,10 @@
|
||||
description="{{item.date}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
note="{{item.money}}"
|
||||
class="t-cell-{{item.billType}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
/>
|
||||
>
|
||||
<text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
|
||||
</t-cell>
|
||||
</view>
|
||||
</t-collapse-panel>
|
||||
<t-collapse-panel header="支出" value="{{1}}">
|
||||
@@ -37,10 +37,10 @@
|
||||
description="{{item.date}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
note="{{item.money}}"
|
||||
class="t-cell-{{item.billType}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
/>
|
||||
>
|
||||
<text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
|
||||
</t-cell>
|
||||
</t-collapse-panel>
|
||||
</t-collapse>
|
||||
<t-calendar visible="{{visible}}" bind:confirm="handleConfirm" value="{{dateRange}}" type="range" max-date="{{maxDate}}" min-date="{{minDate}}" />
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 200rpx;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
font-weight: bold;
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="padding_box">
|
||||
<view wx:if="{{cashAccountList != null && cashAccountList.length > 0}}" class="padding_box">
|
||||
<t-divider dashed content="资金账户"/>
|
||||
</view>
|
||||
<t-cell-group theme="card">
|
||||
@@ -23,7 +23,7 @@
|
||||
note="{{hiddenMoney ? noMoney : item.balance}}"
|
||||
/>
|
||||
</t-cell-group>
|
||||
<view class="padding_box">
|
||||
<view wx:if="{{oweAccountList != null && oweAccountList.length > 0}}" class="padding_box">
|
||||
<t-divider dashed content="负债账户"/>
|
||||
</view>
|
||||
<t-cell-group theme="card">
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
height: 200rpx;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
}
|
||||
@@ -18,6 +18,3 @@
|
||||
/*display: flex;*/
|
||||
/*justify-content: space-between;*/
|
||||
}
|
||||
.t-divider__content {
|
||||
--td-divider-content-font-size:25rpx;
|
||||
}
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<view class="space_box view_bg">
|
||||
<view class="inline_box font_large">
|
||||
<image src="https://tdesign.gtimg.com/site/miniprogram-doc/doc-actionsheet.png"/>
|
||||
账单金额
|
||||
</view>
|
||||
<view class="{{'t-color-' + billType}} font_large">{{money}}</view>
|
||||
|
||||
@@ -1,9 +1,5 @@
|
||||
.view_bg {
|
||||
background: #2B2B2B;
|
||||
}
|
||||
image {
|
||||
width: 68rpx;
|
||||
height: 68rpx;
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.bottom_button {
|
||||
position: absolute;
|
||||
|
||||
@@ -35,7 +35,7 @@ Component({
|
||||
billType: null,
|
||||
account: null,
|
||||
moneyType: null,
|
||||
remark: null,
|
||||
remark: '',
|
||||
},
|
||||
attached(){
|
||||
let incomeGrid1 = [];
|
||||
|
||||
@@ -35,7 +35,7 @@ Component({
|
||||
fromAccount: null,
|
||||
account: null,
|
||||
moneyType: null,
|
||||
remark: null,
|
||||
remark: '',
|
||||
},
|
||||
attached(){
|
||||
app.$api.getSettings().then(setting => {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
height: 200rpx;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
}
|
||||
@@ -20,9 +20,6 @@
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
.t-progress__info {
|
||||
--td-progress-info-dark-color: whitesmoke
|
||||
}
|
||||
.error_msg {
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
@@ -15,9 +15,9 @@
|
||||
description="{{item.date}} • {{item.accountName}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
note="{{item.money}}"
|
||||
class="t-cell-{{item.billType}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
/>
|
||||
>
|
||||
<text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
</view>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 200rpx;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
font-weight: bold;
|
||||
|
||||
@@ -104,7 +104,9 @@ Page({
|
||||
})
|
||||
}
|
||||
let option = app.$utils.getPieOption(pieData);
|
||||
pieChart.setOption(option);
|
||||
if (pieChart) {
|
||||
pieChart.setOption(option);
|
||||
}
|
||||
this.setData({payTypeList})
|
||||
}
|
||||
})
|
||||
@@ -162,9 +164,13 @@ Page({
|
||||
data: res.data.lineMonthRepayment
|
||||
})
|
||||
let line1Option = app.$utils.getDayLineOption(line1Data);
|
||||
line1Chart.setOption(line1Option);
|
||||
if (line1Chart) {
|
||||
line1Chart.setOption(line1Option);
|
||||
}
|
||||
let line2Option = app.$utils.getDayLineOption(line2Data);
|
||||
line2Chart.setOption(line2Option);
|
||||
if (line2Chart) {
|
||||
line2Chart.setOption(line2Option);
|
||||
}
|
||||
}
|
||||
})
|
||||
app.$api.listBillByAMonth({'rangeDate':this.data.showDate}).then(res => {
|
||||
|
||||
@@ -3,26 +3,23 @@
|
||||
</view>
|
||||
<t-tabs defaultValue="{{0}}" t-class="custom-tabs" theme="card">
|
||||
<t-tab-panel label="总览" value="0" class="tab_content">
|
||||
<view class="space_box font_big">
|
||||
<text class="t-color-EXPEND">支出\n {{sumExpend}}</text>
|
||||
<text class="t-color-INCOME">收入\n {{sumIncome}}</text>
|
||||
<text class="t-color-TRANSFER">转账\n {{sumTransfer}}</text>
|
||||
<text class="t-color-REPAYMENT">还款\n {{sumRepayment}}</text>
|
||||
</view>
|
||||
<view class="padding_box">
|
||||
<t-divider dashed content="账单明细"/>
|
||||
</view>
|
||||
<view wx:if="{{accountList != null && accountList.length > 0}}">
|
||||
<view class="space_box font_big allLook">
|
||||
<text class="t-color-EXPEND">支出\n {{sumExpend}}</text>
|
||||
<text class="t-color-INCOME">收入\n {{sumIncome}}</text>
|
||||
<text class="t-color-TRANSFER">转账\n {{sumTransfer}}</text>
|
||||
<text class="t-color-REPAYMENT">还款\n {{sumRepayment}}</text>
|
||||
</view>
|
||||
<t-cell-group theme="card">
|
||||
<t-cell wx:for="{{accountList}}" wx:key="index"
|
||||
title="{{item.moneyName}}"
|
||||
description="{{item.date}} • {{item.accountName}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
note="{{item.money}}"
|
||||
class="t-cell-{{item.billType}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
/>
|
||||
<t-cell wx:for="{{accountList}}" wx:key="index"
|
||||
title="{{item.moneyName}}"
|
||||
description="{{item.date}} • {{item.accountName}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
>
|
||||
<text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
</view>
|
||||
<view wx:else class="empty-view" >
|
||||
@@ -68,12 +65,15 @@
|
||||
description="{{item.date}} • {{item.accountName}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
note="{{item.money}}"
|
||||
class="t-cell-{{item.billType}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
/>
|
||||
>
|
||||
<text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
</view>
|
||||
<view wx:else class="empty-view" >
|
||||
<t-empty icon="chart-bubble" description="本月无账单记录" />
|
||||
</view>
|
||||
</t-tab-panel>
|
||||
<t-tab-panel label="收入" value="1">
|
||||
<view class="tabs_crevice"/>
|
||||
@@ -84,12 +84,15 @@
|
||||
description="{{item.date}} • {{item.accountName}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
note="{{item.money}}"
|
||||
class="t-cell-{{item.billType}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
/>
|
||||
>
|
||||
<text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
</view>
|
||||
<view wx:else class="empty-view" >
|
||||
<t-empty icon="chart-bubble" description="本月无账单记录" />
|
||||
</view>
|
||||
</t-tab-panel>
|
||||
</t-tabs>
|
||||
</t-tab-panel>
|
||||
|
||||
@@ -16,6 +16,9 @@
|
||||
left: -20rpx;
|
||||
right: 0;
|
||||
}
|
||||
.allLook {
|
||||
padding: 40rpx;
|
||||
}
|
||||
ec-canvas {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
@@ -2,6 +2,6 @@
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"t-tab-bar": "/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar",
|
||||
"t-tab-bar-item": "/miniprogram_npm/tdesign-miniprogram/tab-bar/tab-bar-item"
|
||||
"t-tab-bar-item": "/miniprogram_npm/tdesign-miniprogram/tab-bar-item/tab-bar-item"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
/* pages/component/foot-tab.wxss */
|
||||
.custom-tab-bar {
|
||||
--td-tab-bar-active-bg: var(--td-color-block-check);
|
||||
}
|
||||
/*.custom-tab-bar {*/
|
||||
/* --td-tab-bar-active-bg: var(--td-color-block-check);*/
|
||||
/*}*/
|
||||
|
||||
@@ -23,19 +23,19 @@
|
||||
</view>
|
||||
<view class="padding_box">
|
||||
<t-button theme="primary" size="medium" block bind:tap="addBill">记一笔</t-button>
|
||||
<t-divider dashed content="今日记账清单"/>
|
||||
<t-divider wx:if="{{todayList != null && todayList.length > 0}}" dashed content="今日记账清单"/>
|
||||
</view>
|
||||
<view wx:if="{{todayList != null && todayList.length > 0}}">
|
||||
<t-cell-group theme="card">
|
||||
<t-cell wx:for="{{todayList}}" wx:key="index"
|
||||
title="{{item.moneyName}}"
|
||||
description="{{item.date}} • {{item.accountName}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
note="{{item.money}}"
|
||||
class="t-cell-{{item.billType}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
/>
|
||||
<t-cell wx:for="{{todayList}}" wx:key="index"
|
||||
title="{{item.moneyName}}"
|
||||
description="{{item.date}} • {{item.accountName}}"
|
||||
align="top"
|
||||
image="{{item.moneyIcon}}"
|
||||
url="{{'/pages/bill/index?id=' + item.id}}"
|
||||
>
|
||||
<text slot="note" class="t-color-{{item.billType}}">{{item.money}}</text>
|
||||
</t-cell>
|
||||
</t-cell-group>
|
||||
</view>
|
||||
<view wx:else class="empty-view" >
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-end;
|
||||
height: 280rpx;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
}
|
||||
@@ -18,3 +18,6 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.test-name-lmq {
|
||||
--td-cell-note-color: red;
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<view class="padding_box">
|
||||
<view wx:if="{{cashAccountList != null && cashAccountList.length > 0}}" class="padding_box">
|
||||
<t-divider dashed content="资金账户"/>
|
||||
</view>
|
||||
<t-cell-group theme="card">
|
||||
@@ -9,7 +9,7 @@
|
||||
url="../edit/index?isAccount=1&isIncome=0&isAdd=0&id={{item.id}}"
|
||||
/>
|
||||
</t-cell-group>
|
||||
<view class="padding_box">
|
||||
<view wx:if="{{oweAccountList != null && oweAccountList.length > 0}}" class="padding_box">
|
||||
<t-divider dashed content="负债账户"/>
|
||||
</view>
|
||||
<t-cell-group theme="card">
|
||||
|
||||
@@ -11,6 +11,3 @@
|
||||
t-button {
|
||||
width: 100%;
|
||||
}
|
||||
.t-color-input {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 200rpx;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
font-weight: bold;
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 200rpx;
|
||||
height: 220rpx;
|
||||
background-image: url("https://www.qnforever.top/images/wx/cover.png");
|
||||
background-size:100% 100%;
|
||||
font-weight: bold;
|
||||
|
||||
Reference in New Issue
Block a user