root/screenkb-gaoce
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

960*540改样式

Browse Source
This commit is contained in:
xiangxy
2024-04-24 18:00:17 +08:00
parent d73c611831
commit dbc3868793
8 changed files with 209 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/modules/InStore.vue
View File

@@ -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

71
src/pages/modules/Prod.vue
View File

@@ -84,8 +84,8 @@
<script>
import THeader from '@components/header3.vue'
import { sc } from '@js/getData1'
// import {sc} from '@js/mork00.js'
// import { sc } from '@js/getData1'
import {sc} from '@js/mork00.js'
export default {
name: 'Prod',
components: {
@@ -150,13 +150,14 @@ export default {
_wh(100%, 100%)
overflow hidden
.container
_wh(100%, calc(100% - 138px))
// _wh(100%, calc(100% - 138px))
padding 30px 25.09px 0
overflow hidden
clear both
.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
@@ -169,49 +170,6 @@ export default {
color #F96700 !important
.cred
color #FF0000 !important
.con1
width 100%
height 123px
overflow hidden
position relative
background center center / 100% 100% url(../../images/screen1/sctj_top.png) no-repeat
margin 5px 0
text-align center
display flex
justify-content space-between
align-items center
.cbox
width 30%
display flex
align-items center
justify-content center
div
font-size 24px
color #32C5FF
.icon1
display inline-block
width 19px
height 19px
overflow hidden
position relative
background center center / 100% 100% url(../../images/screen1/sctj_icon.png) no-repeat
margin-right 20px
.num
display flex
align-items center
.bg
width 44px
height 60px
background rgba(50,197,255,0.10)
display flex
align-items center
justify-content center
margin-right 10px
font-size 50px
color #F7B502
.dot
background none
width 14px
.center_wrapper
_wh(100%, calc(50% - 69px))
_fj(row)
@@ -334,13 +292,7 @@ export default {
// width 9%
.four_wrap
// _wh(100%, calc(39% - 20px))
margin-top 40px
height 44%
// padding 10px 15px
// background-image linear-gradient(to bottom, #050c1b, #16243c)
// border 2px solid #16243c
// border-top-left-radius 10px
// border-top-right-radius 10px
// height 44%
.scroll-ul_1
width 100%
li
@@ -359,7 +311,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
@@ -367,16 +319,17 @@ export default {
.item_content
_wh(100%, calc(100% - 37px))
margin-top 7px
margin-bottom 3px
.scroll_wrap
_wh(100%, 100%)
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 11%
_font(14px,40px,#78B1DE,,center)
_font(12px,30px,#78B1DE,,center)
word-wrap break-word
word-break break-all
white-space nowrap
@@ -386,7 +339,7 @@ export default {
.scroll_container_2
width 100%
// height calc(100% - 40px)
height 230px
height 140px
overflow hidden
.scroll-ul_2
li
@@ -399,7 +352,7 @@ export default {
float left
_wh(11%, 44px)
_fj(center)
_font(14px, 44px, #fff,,center)
_font(12px, 44px, #fff,,center)
word-wrap break-word
word-break break-all
white-space nowrap