| | |
|---|
| | | <el-button link type="primary" @click="router.push('/finance/details')">查看更多</el-button> |
|---|
| | | </div> |
|---|
| | | <div class="line-chart"> |
|---|
| | | <svg viewBox="0 0 680 225" preserveAspectRatio="none" role="img" aria-label="近7日平台收益趋势"> |
|---|
| | | <svg viewBox="0 0 680 225" preserveAspectRatio="xMidYMid meet" role="img" aria-label="近7日平台收益趋势"> |
|---|
| | | <defs> |
|---|
| | | <linearGradient id="revenueArea" x1="0" y1="0" x2="0" y2="1"> |
|---|
| | | <stop offset="0%" stop-color="#5eb8ff" stop-opacity=".38" /> |
|---|
| | |
|---|
| | | .chart-heading div { display: flex; align-items: center; gap: 8px; } |
|---|
| | | .chart-heading strong, .section-heading h2, .quick-panel h2 { margin: 0; color: #232932; font-size: 14px; } |
|---|
| | | .chart-heading span { color: #8491a3; font-size: 11px; } |
|---|
| | | .line-chart { height: 190px; } |
|---|
| | | .line-chart { aspect-ratio: 680 / 225; } |
|---|
| | | .line-chart svg { display: block; width: 100%; height: 100%; overflow: visible; } |
|---|
| | | .grid-line { stroke: #e8eef5; stroke-width: 1; stroke-dasharray: 3 3; } |
|---|
| | | .axis-label { fill: #8491a3; font-size: 10px; } |
|---|
