预测结果改版

src/pages/forecast/index.vue

@@ -448,11 +448,11 @@ export default Vue.extend({
 }
 
 .content {
-    padding: 50rpx 50rpx;
+    padding: 50rpx 30rpx;
     font-weight: 600;
 
     .user {
-        padding: 0 40rpx;
+        padding: 0 36rpx;
         display: flex;
         justify-content: space-between;
         flex-wrap: wrap;
@@ -460,33 +460,33 @@ export default Vue.extend({
     }
 
     .table {
-        width: 568rpx;
+        width: 608rpx;
         margin: 0 auto;
         margin-bottom: 35rpx;
         display: flex;
         flex-wrap: wrap;
 
-        [data-theme=red] .shell {
+        [data-theme=red].shell {
             border-left: 2rpx solid #A42705;
             border-right: 4rpx solid #A42705;
         }
 
-        [data-theme=blue] .shell {
+        [data-theme=blue].shell {
             border-left: 2rpx solid #006494;
             border-right: 4rpx solid #006494;
         }
 
-        [data-theme=green] .shell {
+        [data-theme=green].shell {
             border-left: 2rpx solid #79AE8B;
             border-right: 4rpx solid #79AE8B;
         }
 
-        [data-theme=yellow] .shell {
+        [data-theme=yellow].shell {
             border-left: 2rpx solid #D19C03;
             border-right: 4rpx solid #D19C03;
         }
 
-        [data-theme=brown] .shell {
+        [data-theme=brown].shell {
             border-left: 2rpx solid #70390D;
             border-right: 4rpx solid #70390D;
 
@@ -620,7 +620,7 @@ export default Vue.extend({
     }
 
     .result {
-        width: 653rpx;
+        width: 100%;
         height: auto;
         margin: 0 auto;
         display: flex;
@@ -698,9 +698,9 @@ export default Vue.extend({
             font-size: 48rpx;
             color: #006494;
             display: flex;
-            width: 444rpx;
+            width: 384rpx;
             justify-content: space-around;
-            left: 105rpx;
+            left: 155rpx;
 
 
 
@@ -712,11 +712,11 @@ export default Vue.extend({
         }
 
         .imgCircle {
-            width: 75%;
+            width: 423rpx;
             margin: 0 auto;
-            top: 85rpx;
+            top: 95rpx;
             position: absolute;
-            left: 12.5%;
+            left: 134rpx;
         }
 
         .imgFooter {