第一次上传
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"navigationBarTitleText": "数据报表",
|
||||
"usingComponents": {
|
||||
"section-card": "../../components/SectionCard",
|
||||
"app-tab-bar": "../../components/AppTabBar"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="{{['app-page', 'data-v-7cab36fb', C]}}"><section-card wx:if="{{g}}" class="data-v-7cab36fb" u-s="{{['action','d']}}" u-i="7cab36fb-0" bind:__l="__l" u-p="{{g}}"><picker class="data-v-7cab36fb" mode="date" fields="month" value="{{b}}" bindchange="{{c}}" slot="action"><text class="section-link data-v-7cab36fb">{{a}}</text></picker><view class="summary-row data-v-7cab36fb"><view class="summary-item surface-strong data-v-7cab36fb"><text class="tiny-text data-v-7cab36fb">支出</text><text class="summary-value negative data-v-7cab36fb">{{d}}</text></view><view class="summary-item surface-strong data-v-7cab36fb"><text class="tiny-text data-v-7cab36fb">收入</text><text class="summary-value positive data-v-7cab36fb">{{e}}</text></view><view class="summary-item surface-strong data-v-7cab36fb"><text class="tiny-text data-v-7cab36fb">结余</text><text class="summary-value data-v-7cab36fb">{{f}}</text></view></view></section-card><ad-custom class="data-v-7cab36fb" unit-id="adunit-74730c6c27c95a37"></ad-custom><section-card wx:if="{{j}}" class="data-v-7cab36fb" u-s="{{['d']}}" u-i="7cab36fb-1" bind:__l="__l" u-p="{{j}}"><view wx:if="{{h}}" class="chart-list data-v-7cab36fb"><view wx:for="{{i}}" wx:for-item="item" wx:key="g" class="chart-row data-v-7cab36fb"><view class="chart-head data-v-7cab36fb"><view class="chart-title-row data-v-7cab36fb"><view class="chart-dot data-v-7cab36fb" style="{{'background:' + item.a}}"></view><text class="chart-title data-v-7cab36fb">{{item.b}}</text></view><text class="tiny-text data-v-7cab36fb">{{item.c}} · {{item.d}}</text></view><view class="bar-track data-v-7cab36fb"><view class="bar-fill data-v-7cab36fb" style="{{'width:' + item.e + ';' + ('background:' + item.f)}}"></view></view></view></view><view wx:else class="empty-card data-v-7cab36fb"><text class="section-subtitle data-v-7cab36fb">当前月份暂无支出数据，记一笔后会自动生成图表。</text></view></section-card><section-card wx:if="{{l}}" class="data-v-7cab36fb" u-s="{{['d']}}" u-i="7cab36fb-2" bind:__l="__l" u-p="{{l}}"><view class="column-chart data-v-7cab36fb"><view wx:for="{{k}}" wx:for-item="item" wx:key="d" class="column-item data-v-7cab36fb"><view class="column-track data-v-7cab36fb"><view class="column-fill data-v-7cab36fb" style="{{'height:' + item.a}}"></view></view><text class="tiny-text data-v-7cab36fb">{{item.b}}</text><text class="tiny-text data-v-7cab36fb">{{item.c}}</text></view></view></section-card><section-card wx:if="{{n}}" class="data-v-7cab36fb" u-s="{{['d']}}" u-i="7cab36fb-3" bind:__l="__l" u-p="{{n}}"><view class="compare-list data-v-7cab36fb"><view wx:for="{{m}}" wx:for-item="item" wx:key="f" class="compare-row data-v-7cab36fb"><text class="compare-label data-v-7cab36fb">{{item.a}}</text><view class="compare-bars data-v-7cab36fb"><view class="mini-track data-v-7cab36fb"><view class="mini-fill expense-fill data-v-7cab36fb" style="{{'width:' + item.b}}"></view></view><view class="mini-track data-v-7cab36fb"><view class="mini-fill income-fill data-v-7cab36fb" style="{{'width:' + item.c}}"></view></view></view><text class="tiny-text data-v-7cab36fb">{{item.d}} / {{item.e}}</text></view></view></section-card><section-card wx:if="{{q}}" class="data-v-7cab36fb" u-s="{{['d']}}" u-i="7cab36fb-4" bind:__l="__l" u-p="{{q}}"><view class="action-grid data-v-7cab36fb"><view class="primary-button data-v-7cab36fb" bindtap="{{o}}">导出 CSV</view><view class="ghost-button data-v-7cab36fb" bindtap="{{p}}">分享摘要</view></view></section-card><view wx:if="{{r}}" class="poster-shell data-v-7cab36fb" catchtouchmove="{{A}}"><view class="poster-mask data-v-7cab36fb" bindtap="{{s}}"></view><view class="surface-card poster-panel data-v-7cab36fb"><view class="poster-card data-v-7cab36fb"><text class="poster-month data-v-7cab36fb">{{t}}</text><text class="poster-title data-v-7cab36fb">收支月报</text><text class="poster-line data-v-7cab36fb">支出 {{v}}</text><text class="poster-line data-v-7cab36fb">收入 {{w}}</text><text class="poster-line data-v-7cab36fb">结余 {{x}}</text><text class="poster-tip data-v-7cab36fb">内容本地生成，可复制摘要或直接截图分享。</text></view><view class="action-grid data-v-7cab36fb"><view class="ghost-button data-v-7cab36fb" bindtap="{{y}}">复制摘要</view><view class="primary-button data-v-7cab36fb" bindtap="{{z}}">关闭</view></view></view></view><app-tab-bar wx:if="{{B}}" class="data-v-7cab36fb" u-i="7cab36fb-5" bind:__l="__l" u-p="{{B}}"/></view>
|
||||
@@ -0,0 +1 @@
|
||||
.summary-row.data-v-7cab36fb,.action-grid.data-v-7cab36fb{display:flex;gap:16rpx}.summary-item.data-v-7cab36fb{flex:1;padding:22rpx;border-radius:24rpx}.summary-value.data-v-7cab36fb{display:block;margin-top:10rpx;font-size:30rpx;font-weight:700;color:var(--text-primary)}.section-link.data-v-7cab36fb{font-size:24rpx;color:var(--brand)}.chart-list.data-v-7cab36fb,.compare-list.data-v-7cab36fb{display:flex;flex-direction:column;gap:18rpx}.chart-head.data-v-7cab36fb,.chart-title-row.data-v-7cab36fb,.compare-row.data-v-7cab36fb{display:flex;align-items:center;justify-content:space-between;gap:16rpx}.chart-dot.data-v-7cab36fb{width:16rpx;height:16rpx;border-radius:50%}.chart-title.data-v-7cab36fb{font-size:28rpx;font-weight:600;color:var(--text-primary)}.bar-track.data-v-7cab36fb,.mini-track.data-v-7cab36fb,.column-track.data-v-7cab36fb{overflow:hidden;border-radius:999rpx;background:var(--surface-muted)}.bar-track.data-v-7cab36fb{height:16rpx;margin-top:12rpx}.bar-fill.data-v-7cab36fb,.mini-fill.data-v-7cab36fb{height:100%;border-radius:inherit}.column-chart.data-v-7cab36fb{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12rpx;align-items:end;height:260rpx}.column-item.data-v-7cab36fb{display:flex;flex-direction:column;align-items:center;gap:10rpx}.column-track.data-v-7cab36fb{display:flex;align-items:flex-end;justify-content:center;width:100%;height:180rpx;padding:0 6rpx}.column-fill.data-v-7cab36fb{width:100%;border-radius:999rpx 999rpx 16rpx 16rpx;background:linear-gradient(180deg,#5f8df5,#1f6f5f)}.compare-label.data-v-7cab36fb{width:64rpx;font-size:24rpx;color:var(--text-secondary)}.compare-bars.data-v-7cab36fb{flex:1;display:flex;flex-direction:column;gap:10rpx}.mini-track.data-v-7cab36fb{height:12rpx}.expense-fill.data-v-7cab36fb{background:#d36c43}.income-fill.data-v-7cab36fb{background:#1f6f5f}.action-grid.data-v-7cab36fb{margin-top:8rpx}.action-grid .primary-button.data-v-7cab36fb,.action-grid .ghost-button.data-v-7cab36fb{flex:1}.empty-card.data-v-7cab36fb{padding:32rpx 0 10rpx;text-align:center}.poster-shell.data-v-7cab36fb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.poster-mask.data-v-7cab36fb{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(4,12,18,.42)}.poster-panel.data-v-7cab36fb{position:absolute;left:24rpx;right:24rpx;top:16vh;padding:28rpx}.poster-card.data-v-7cab36fb{padding:32rpx;border-radius:28rpx;background:linear-gradient(145deg,#102a43,#1f6f5f);color:#fff;margin-bottom:20rpx}.poster-month.data-v-7cab36fb,.poster-tip.data-v-7cab36fb{color:rgba(255,255,255,.76)}.poster-title.data-v-7cab36fb{display:block;margin:12rpx 0 20rpx;font-size:42rpx;font-weight:700}.poster-line.data-v-7cab36fb{display:block;margin-bottom:12rpx;font-size:28rpx}.poster-tip.data-v-7cab36fb{display:block;margin-top:24rpx;font-size:22rpx;line-height:1.6}
|
||||
Reference in New Issue
Block a user