596aa7c0 by zhangmeng

大屏

1 parent b7998bdf
...@@ -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>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!