白色主题

This commit is contained in:
2023-02-12 19:04:01 +08:00
parent d736a5912f
commit 57ab6fbb49
411 changed files with 1752 additions and 5304 deletions

View File

@@ -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;
}

View File

@@ -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"
}
}

View File

@@ -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}}" />

View File

@@ -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;

View File

@@ -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">

View File

@@ -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;
}

View File

@@ -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>

View File

@@ -1,9 +1,5 @@
.view_bg {
background: #2B2B2B;
}
image {
width: 68rpx;
height: 68rpx;
margin-top: 50rpx;
}
.bottom_button {
position: absolute;

View File

@@ -35,7 +35,7 @@ Component({
billType: null,
account: null,
moneyType: null,
remark: null,
remark: '',
},
attached(){
let incomeGrid1 = [];

View File

@@ -35,7 +35,7 @@ Component({
fromAccount: null,
account: null,
moneyType: null,
remark: null,
remark: '',
},
attached(){
app.$api.getSettings().then(setting => {

View File

@@ -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;
}

View File

@@ -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>

View File

@@ -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;

View File

@@ -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 => {

View File

@@ -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>

View File

@@ -16,6 +16,9 @@
left: -20rpx;
right: 0;
}
.allLook {
padding: 40rpx;
}
ec-canvas {
width: 100%;
height: 100%;

View File

@@ -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"
}
}

View File

@@ -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);*/
/*}*/

View File

@@ -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" >

View File

@@ -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;
}

View File

@@ -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">

View File

@@ -11,6 +11,3 @@
t-button {
width: 100%;
}
.t-color-input {
color: orange;
}

View File

@@ -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;

View File

@@ -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;