大屏
Showing
3 changed files
with
8 additions
and
8 deletions
src/assets/image/title_bg.png
0 → 100644
1.6 KB
| ... | @@ -705,7 +705,7 @@ function autoHover(myChart, option, index, time) { | ... | @@ -705,7 +705,7 @@ function autoHover(myChart, option, index, time) { |
| 705 | background: url("@/assets/image/box02@2x.png") no-repeat center; | 705 | background: url("@/assets/image/box02@2x.png") no-repeat center; |
| 706 | background-size: 100% 100%; | 706 | background-size: 100% 100%; |
| 707 | width: calc(140 * 100vw / 1920); | 707 | width: calc(140 * 100vw / 1920); |
| 708 | height: calc(100 * 100vw / 1920); | 708 | height: calc(210 * 100vh / 1920); |
| 709 | 709 | ||
| 710 | .titleTop { | 710 | .titleTop { |
| 711 | text-align: center; | 711 | text-align: center; |
| ... | @@ -726,7 +726,7 @@ function autoHover(myChart, option, index, time) { | ... | @@ -726,7 +726,7 @@ function autoHover(myChart, option, index, time) { |
| 726 | font-weight: 400; | 726 | font-weight: 400; |
| 727 | font-size: calc(15 * 100vw / 1920); | 727 | font-size: calc(15 * 100vw / 1920); |
| 728 | color: #FFFFFF; | 728 | color: #FFFFFF; |
| 729 | margin-top: calc(11 * 100vw / 1920); | 729 | margin-top: calc(22 * 100vh / 1920); |
| 730 | 730 | ||
| 731 | span { | 731 | span { |
| 732 | margin-left: calc(10 * 100vw / 1920); | 732 | margin-left: calc(10 * 100vw / 1920); |
| ... | @@ -748,7 +748,7 @@ function autoHover(myChart, option, index, time) { | ... | @@ -748,7 +748,7 @@ function autoHover(myChart, option, index, time) { |
| 748 | background: url("@/assets/image/box03@2x.png") no-repeat center; | 748 | background: url("@/assets/image/box03@2x.png") no-repeat center; |
| 749 | background-size: 100% 100%; | 749 | background-size: 100% 100%; |
| 750 | width: calc(480 * 100vw / 1920); | 750 | width: calc(480 * 100vw / 1920); |
| 751 | height: calc(110 * 100vw / 1920); | 751 | height: calc(220 * 100vh / 1920); |
| 752 | padding: calc(13 * 100vw / 1920) calc(35 * 100vw / 1920); | 752 | padding: calc(13 * 100vw / 1920) calc(35 * 100vw / 1920); |
| 753 | 753 | ||
| 754 | .rTop { | 754 | .rTop { |
| ... | @@ -758,14 +758,14 @@ function autoHover(myChart, option, index, time) { | ... | @@ -758,14 +758,14 @@ function autoHover(myChart, option, index, time) { |
| 758 | font-weight: 600; | 758 | font-weight: 600; |
| 759 | font-size: calc(20 * 100vw / 1920); | 759 | font-size: calc(20 * 100vw / 1920); |
| 760 | color: #FFFFFF; | 760 | color: #FFFFFF; |
| 761 | text-shadow: 0px 2px 0px rgba(0, 1, 1, 0.41); | 761 | text-shadow: 0 2px 0 rgba(0, 1, 1, 0.41); |
| 762 | background: linear-gradient(180deg, #75E2E9 0%, #FFFFFF 100%); | 762 | background: linear-gradient(180deg, #75E2E9 0%, #FFFFFF 100%); |
| 763 | -webkit-background-clip: text; | 763 | -webkit-background-clip: text; |
| 764 | -webkit-text-fill-color: transparent; | 764 | -webkit-text-fill-color: transparent; |
| 765 | 765 | ||
| 766 | .rTop-img { | 766 | .rTop-img { |
| 767 | width: calc(30 * 100vw / 1920); | 767 | width: calc(30 * 100vw / 1920); |
| 768 | height: calc(12 * 100vw / 1920); | 768 | height: calc(24 * 100vh / 1920); |
| 769 | } | 769 | } |
| 770 | } | 770 | } |
| 771 | 771 | ||
| ... | @@ -777,7 +777,7 @@ function autoHover(myChart, option, index, time) { | ... | @@ -777,7 +777,7 @@ function autoHover(myChart, option, index, time) { |
| 777 | font-weight: 400; | 777 | font-weight: 400; |
| 778 | font-size: calc(17 * 100vw / 1920); | 778 | font-size: calc(17 * 100vw / 1920); |
| 779 | color: #FFFFFF; | 779 | color: #FFFFFF; |
| 780 | height: calc(20 * 100vw / 1920); | 780 | height: calc(40 * 100vh / 1920); |
| 781 | margin: calc(8 * 100vw / 1920) 0; | 781 | margin: calc(8 * 100vw / 1920) 0; |
| 782 | 782 | ||
| 783 | span { | 783 | span { | ... | ... |
| ... | @@ -19,7 +19,7 @@ | ... | @@ -19,7 +19,7 @@ |
| 19 | <!-- <el-radio-group v-model="radioB" size="small" @change="radioBChange">--> | 19 | <!-- <el-radio-group v-model="radioB" size="small" @change="radioBChange">--> |
| 20 | <!-- <el-radio-button label="本月" value="month" />--> | 20 | <!-- <el-radio-button label="本月" value="month" />--> |
| 21 | <!-- <el-radio-button label="本季度" value="quarter" />--> | 21 | <!-- <el-radio-button label="本季度" value="quarter" />--> |
| 22 | <!-- <el-radio-button label="本年" value="year" />--> | 22 | <!-- <el-radio-button label="本年" value="year " />--> |
| 23 | <!-- </el-radio-group>--> | 23 | <!-- </el-radio-group>--> |
| 24 | </div> | 24 | </div> |
| 25 | 25 | ||
| ... | @@ -27,7 +27,7 @@ | ... | @@ -27,7 +27,7 @@ |
| 27 | </div> | 27 | </div> |
| 28 | <div class="chartCard mt30"> | 28 | <div class="chartCard mt30"> |
| 29 | <div class="title">逾期360天以上未开票</div> | 29 | <div class="title">逾期360天以上未开票</div> |
| 30 | <div ref="overdueRef" style="width: 100%; height: 25vh;"></div> | 30 | <div ref="overdueRef" style="width: 100%; height: 24vh;"></div> |
| 31 | </div> | 31 | </div> |
| 32 | </div> | 32 | </div> |
| 33 | </template> | 33 | </template> | ... | ... |
-
Please register or sign in to post a comment