960*540改样式

src/pages/modules/InStore.vue

@@ -140,8 +140,8 @@
 
 <script>
 import THeader from '@components/header3.vue'
-import { rk } from '@js/getData1'
-// import {rk} from '@js/mork00.js'
+// import { rk } from '@js/getData1'
+import {rk} from '@js/mork00.js'
 export default {
   name: 'InStore',
   components: {
@@ -244,12 +244,12 @@ export default {
         legend: {
           // orient: 'vertical',
           orient: 'horizontal',
-          top: '3%',
+          top: '0%',
           // right: 0,
           textStyle: {
             color: '#fff',
             fontWeight: 'bold',
-            fontSize: 16
+            fontSize: 12
           },
           itemGap: 10.86,
           itemWidth: 14.16,
@@ -304,7 +304,7 @@ export default {
   align-items center
   justify-content center
   flex-direction column
-  _wh(100%, calc(100% - 138px))
+  // _wh(100%, calc(100% - 138px))
   padding 30px 25.09px 0
   overflow hidden
   clear both
@@ -318,7 +318,8 @@ export default {
   display flex
 .bottom
   _wh(100%, 38px)
-  background center bottom / 1906px 100% url(../../images/screen1/bottom.png) no-repeat
+  // background center bottom / 1906px 100% url(../../images/screen1/bottom.png) no-repeat
+  background center bottom / 100% 100% url(../../images/screen1/bottom.png) no-repeat
 .cblue
   color #32C5FF !important
 .cgreen
@@ -335,21 +336,22 @@ export default {
   width 48%
   display flex
   .lbox
-    width 70%
+    width 75%
   .rbox
-    width 30%
+    width 25%
     .rbox-con
-      height 50%
+      // height 50%
       .title
-        font-size 32px
+        // font-size 32px
+        font-size 14px
         background #548ddd
         color #ffffff
         text-indent 10px
       .desc
-        font-size 30px
+        font-size 14px
         span
           display inline-block
-          line-height 62px
+          line-height 24px
           &:nth-child(1)
             width 80%
             text-align left
@@ -362,7 +364,7 @@ export default {
             color #ffffff
 .four_wrap
   // _wh(100%, calc(39% - 20px))
-  margin-top 40px
+  // margin-top 40px
   height 88%
   width 50%
   padding 0 1%
@@ -384,7 +386,7 @@ export default {
 .item_tip_left
     _wh(60%, 100%)
     font-family "SourceHanSansCN"
-    _font(18px, inherit, #fff, 700, left)
+    _font(14px, inherit, #fff, 700, left)
     letter-spacing 2px
     text-shadow 0 0 9px #159AFF
     padding-left 34px
@@ -392,16 +394,18 @@ export default {
 .item_content
     _wh(100%, calc(100% - 37px))
     margin-top 7px
+    margin-bottom 3px
 .scroll_wrap
     _wh(100%, 100%)
+    height 210px
     border 1px solid rgba(8,205,248,0.3)
 .scroll_tab_2
-    _wh(100%, 40px)
+    _wh(100%, 30px)
     border-bottom 1px solid rgba(8,205,248,0.3)
     li
       float left
       width 14%
-      _font(14px,40px,#78B1DE,,center)
+      _font(12px,30px,#78B1DE,,center)
       word-wrap break-word
       word-break break-all
       white-space nowrap
@@ -415,14 +419,14 @@ export default {
     overflow hidden
 .scroll-ul_2
     li
-      _wh(100%, 44px)
+      _wh(100%, 30px)
       border-bottom 1px solid rgba(8,205,248,0.3)
       &:nth-child(even)
           background rgba(1,24,52,0.60)
           box-shadow inset 0px 1px 0px 0px rgba(13,89,115,0.3)
     .scroll-ul_2_div
         float left
-        _wh(14%, 44px)
+        _wh(14%, 30px)
         _fj(center)
         _font(12px, 44px, #fff,,center)
         word-wrap break-word
@@ -430,16 +434,20 @@ export default {
         white-space nowrap
         padding 0 2px
         overflow hidden
+        scale 0.8
 .lbox
   .list-con
     .li
       display flex
       color  #fff
       font-weight bold
-      font-size 36px
-      line-height 100px
+      // font-size 36px
+      // line-height 100px
+      font-size 13px
+      line-height 34px
       justify-content space-between
-      padding 0 20px
+      // padding 0 20px
+      padding 0 10px
       span
         color #f7b502
         margin 0 20px