parent
749712ee64
commit
cccd57792f
@ -1,195 +0,0 @@ |
||||
.page { |
||||
background-color: rgba(255, 255, 255, 1); |
||||
position: relative; |
||||
width: 750px; |
||||
height: 1624px; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.box_1 { |
||||
height: 1624px; |
||||
background: url(/static/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png) |
||||
100% no-repeat; |
||||
background-size: 100% 100%; |
||||
width: 750px; |
||||
} |
||||
|
||||
.box_2 { |
||||
background-color: rgba(4, 4, 2, 0.6); |
||||
height: 1624px; |
||||
width: 750px; |
||||
} |
||||
|
||||
.section_1 { |
||||
background-color: rgba(63, 63, 63, 1); |
||||
border-radius: 20px; |
||||
width: 660px; |
||||
height: 450px; |
||||
margin: 471px 0 0 45px; |
||||
} |
||||
|
||||
.group_1 { |
||||
width: 393px; |
||||
height: 49px; |
||||
margin: 23px 0 0 244px; |
||||
} |
||||
|
||||
.text_1 { |
||||
width: 173px; |
||||
height: 33px; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 34px; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 34px; |
||||
margin-top: 16px; |
||||
} |
||||
|
||||
.label_1 { |
||||
width: 44px; |
||||
height: 44px; |
||||
} |
||||
|
||||
.group_2 { |
||||
width: 600px; |
||||
height: 80px; |
||||
margin: 40px 0 0 30px; |
||||
} |
||||
|
||||
.text-wrapper_1 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80px; |
||||
width: 180px; |
||||
} |
||||
|
||||
.text_2 { |
||||
width: 58px; |
||||
height: 28px; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30px; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30px; |
||||
margin: 26px 0 0 61px; |
||||
} |
||||
|
||||
.text-wrapper_2 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80px; |
||||
margin-left: 30px; |
||||
width: 180px; |
||||
} |
||||
|
||||
.text_3 { |
||||
width: 63px; |
||||
height: 28px; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30px; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30px; |
||||
margin: 26px 0 0 61px; |
||||
} |
||||
|
||||
.text-wrapper_3 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80px; |
||||
margin-left: 30px; |
||||
width: 180px; |
||||
} |
||||
|
||||
.text_4 { |
||||
width: 63px; |
||||
height: 28px; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30px; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30px; |
||||
margin: 26px 0 0 61px; |
||||
} |
||||
|
||||
.group_3 { |
||||
width: 390px; |
||||
height: 80px; |
||||
margin: 20px 0 0 30px; |
||||
} |
||||
|
||||
.text-wrapper_4 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80px; |
||||
width: 180px; |
||||
} |
||||
|
||||
.text_5 { |
||||
width: 64px; |
||||
height: 28px; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30px; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30px; |
||||
margin: 26px 0 0 61px; |
||||
} |
||||
|
||||
.text-wrapper_5 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80px; |
||||
width: 180px; |
||||
} |
||||
|
||||
.text_6 { |
||||
width: 63px; |
||||
height: 28px; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30px; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30px; |
||||
margin: 26px 0 0 61px; |
||||
} |
||||
|
||||
.text-wrapper_6 { |
||||
background-color: rgba(248, 191, 31, 1); |
||||
border-radius: 45px; |
||||
height: 90px; |
||||
width: 300px; |
||||
margin: 28px 0 40px 180px; |
||||
} |
||||
|
||||
.text_7 { |
||||
width: 58px; |
||||
height: 28px; |
||||
overflow-wrap: break-word; |
||||
color: rgba(8, 3, 19, 1); |
||||
font-size: 30px; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30px; |
||||
margin: 30px 0 0 121px; |
||||
} |
@ -1,199 +0,0 @@ |
||||
html { |
||||
font-size: 37.5px; |
||||
} |
||||
|
||||
.page { |
||||
background-color: rgba(255, 255, 255, 1); |
||||
position: relative; |
||||
width: 20rem; |
||||
height: 43.307rem; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.box_1 { |
||||
height: 43.307rem; |
||||
background: url(/static/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png) |
||||
100% no-repeat; |
||||
background-size: 100% 100%; |
||||
width: 20rem; |
||||
} |
||||
|
||||
.box_2 { |
||||
background-color: rgba(4, 4, 2, 0.6); |
||||
height: 43.307rem; |
||||
width: 20rem; |
||||
} |
||||
|
||||
.section_1 { |
||||
background-color: rgba(63, 63, 63, 1); |
||||
border-radius: 20px; |
||||
width: 17.6rem; |
||||
height: 12rem; |
||||
margin: 12.56rem 0 0 1.2rem; |
||||
} |
||||
|
||||
.group_1 { |
||||
width: 10.48rem; |
||||
height: 1.307rem; |
||||
margin: 0.614rem 0 0 6.507rem; |
||||
} |
||||
|
||||
.text_1 { |
||||
width: 4.614rem; |
||||
height: 0.88rem; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 0.906rem; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 0.907rem; |
||||
margin-top: 0.427rem; |
||||
} |
||||
|
||||
.label_1 { |
||||
width: 1.174rem; |
||||
height: 1.174rem; |
||||
} |
||||
|
||||
.group_2 { |
||||
width: 16rem; |
||||
height: 2.134rem; |
||||
margin: 1.067rem 0 0 0.8rem; |
||||
} |
||||
|
||||
.text-wrapper_1 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 2.134rem; |
||||
width: 4.8rem; |
||||
} |
||||
|
||||
.text_2 { |
||||
width: 1.547rem; |
||||
height: 0.747rem; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 0.8rem; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 0.8rem; |
||||
margin: 0.694rem 0 0 1.627rem; |
||||
} |
||||
|
||||
.text-wrapper_2 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 2.134rem; |
||||
margin-left: 0.8rem; |
||||
width: 4.8rem; |
||||
} |
||||
|
||||
.text_3 { |
||||
width: 1.68rem; |
||||
height: 0.747rem; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 0.8rem; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 0.8rem; |
||||
margin: 0.694rem 0 0 1.627rem; |
||||
} |
||||
|
||||
.text-wrapper_3 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 2.134rem; |
||||
margin-left: 0.8rem; |
||||
width: 4.8rem; |
||||
} |
||||
|
||||
.text_4 { |
||||
width: 1.68rem; |
||||
height: 0.747rem; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 0.8rem; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 0.8rem; |
||||
margin: 0.694rem 0 0 1.627rem; |
||||
} |
||||
|
||||
.group_3 { |
||||
width: 10.4rem; |
||||
height: 2.134rem; |
||||
margin: 0.534rem 0 0 0.8rem; |
||||
} |
||||
|
||||
.text-wrapper_4 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 2.134rem; |
||||
width: 4.8rem; |
||||
} |
||||
|
||||
.text_5 { |
||||
width: 1.707rem; |
||||
height: 0.747rem; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 0.8rem; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 0.8rem; |
||||
margin: 0.694rem 0 0 1.627rem; |
||||
} |
||||
|
||||
.text-wrapper_5 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 2.134rem; |
||||
width: 4.8rem; |
||||
} |
||||
|
||||
.text_6 { |
||||
width: 1.68rem; |
||||
height: 0.747rem; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 0.8rem; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 0.8rem; |
||||
margin: 0.694rem 0 0 1.627rem; |
||||
} |
||||
|
||||
.text-wrapper_6 { |
||||
background-color: rgba(248, 191, 31, 1); |
||||
border-radius: 45px; |
||||
height: 2.4rem; |
||||
width: 8rem; |
||||
margin: 0.747rem 0 1.067rem 4.8rem; |
||||
} |
||||
|
||||
.text_7 { |
||||
width: 1.547rem; |
||||
height: 0.747rem; |
||||
overflow-wrap: break-word; |
||||
color: rgba(8, 3, 19, 1); |
||||
font-size: 0.8rem; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 0.8rem; |
||||
margin: 0.8rem 0 0 3.227rem; |
||||
} |
@ -1,195 +0,0 @@ |
||||
.page { |
||||
background-color: rgba(255, 255, 255, 1); |
||||
position: relative; |
||||
width: 100vw; |
||||
height: 216.54vw; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.box_1 { |
||||
height: 216.54vw; |
||||
background: url(/static/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png) |
||||
100% no-repeat; |
||||
background-size: 100% 100%; |
||||
width: 100vw; |
||||
} |
||||
|
||||
.box_2 { |
||||
background-color: rgba(4, 4, 2, 0.6); |
||||
height: 216.54vw; |
||||
width: 100vw; |
||||
} |
||||
|
||||
.section_1 { |
||||
background-color: rgba(63, 63, 63, 1); |
||||
border-radius: 20px; |
||||
width: 88vw; |
||||
height: 60vw; |
||||
margin: 62.8vw 0 0 6vw; |
||||
} |
||||
|
||||
.group_1 { |
||||
width: 52.4vw; |
||||
height: 6.54vw; |
||||
margin: 3.06vw 0 0 32.53vw; |
||||
} |
||||
|
||||
.text_1 { |
||||
width: 23.07vw; |
||||
height: 4.4vw; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 4.53vw; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 4.54vw; |
||||
margin-top: 2.14vw; |
||||
} |
||||
|
||||
.label_1 { |
||||
width: 5.87vw; |
||||
height: 5.87vw; |
||||
} |
||||
|
||||
.group_2 { |
||||
width: 80vw; |
||||
height: 10.67vw; |
||||
margin: 5.33vw 0 0 4vw; |
||||
} |
||||
|
||||
.text-wrapper_1 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 10.67vw; |
||||
width: 24vw; |
||||
} |
||||
|
||||
.text_2 { |
||||
width: 7.74vw; |
||||
height: 3.74vw; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 4vw; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 4vw; |
||||
margin: 3.46vw 0 0 8.13vw; |
||||
} |
||||
|
||||
.text-wrapper_2 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 10.67vw; |
||||
margin-left: 4vw; |
||||
width: 24vw; |
||||
} |
||||
|
||||
.text_3 { |
||||
width: 8.4vw; |
||||
height: 3.74vw; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 4vw; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 4vw; |
||||
margin: 3.46vw 0 0 8.13vw; |
||||
} |
||||
|
||||
.text-wrapper_3 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 10.67vw; |
||||
margin-left: 4vw; |
||||
width: 24vw; |
||||
} |
||||
|
||||
.text_4 { |
||||
width: 8.4vw; |
||||
height: 3.74vw; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 4vw; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 4vw; |
||||
margin: 3.46vw 0 0 8.13vw; |
||||
} |
||||
|
||||
.group_3 { |
||||
width: 52vw; |
||||
height: 10.67vw; |
||||
margin: 2.66vw 0 0 4vw; |
||||
} |
||||
|
||||
.text-wrapper_4 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 10.67vw; |
||||
width: 24vw; |
||||
} |
||||
|
||||
.text_5 { |
||||
width: 8.54vw; |
||||
height: 3.74vw; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 4vw; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 4vw; |
||||
margin: 3.46vw 0 0 8.13vw; |
||||
} |
||||
|
||||
.text-wrapper_5 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 10.67vw; |
||||
width: 24vw; |
||||
} |
||||
|
||||
.text_6 { |
||||
width: 8.4vw; |
||||
height: 3.74vw; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 4vw; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 4vw; |
||||
margin: 3.46vw 0 0 8.13vw; |
||||
} |
||||
|
||||
.text-wrapper_6 { |
||||
background-color: rgba(248, 191, 31, 1); |
||||
border-radius: 45px; |
||||
height: 12vw; |
||||
width: 40vw; |
||||
margin: 3.73vw 0 5.33vw 24vw; |
||||
} |
||||
|
||||
.text_7 { |
||||
width: 7.74vw; |
||||
height: 3.74vw; |
||||
overflow-wrap: break-word; |
||||
color: rgba(8, 3, 19, 1); |
||||
font-size: 4vw; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 4vw; |
||||
margin: 4vw 0 0 16.13vw; |
||||
} |
@ -1,234 +0,0 @@ |
||||
.page { |
||||
background-color: rgba(255, 255, 255, 1); |
||||
position: relative; |
||||
width: 750rpx; |
||||
height: 1624rpx; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.image_1 { |
||||
width: 693rpx; |
||||
height: 24rpx; |
||||
margin: 32rpx 0 0 28rpx; |
||||
} |
||||
|
||||
.group_11 { |
||||
width: 750rpx; |
||||
height: 1569rpx; |
||||
margin-bottom: 1rpx; |
||||
} |
||||
|
||||
|
||||
.image_2 { |
||||
width: 17rpx; |
||||
height: 28rpx; |
||||
margin-top: 16rpx; |
||||
} |
||||
|
||||
.box_3 { |
||||
width: 702rpx; |
||||
height: 60rpx; |
||||
margin: 46rpx 0 0 24rpx; |
||||
} |
||||
|
||||
|
||||
.box_1 { |
||||
height: 1624rpx; |
||||
background: url(http://118.89.89.96/lanhu_danchuang/psueiz01fkwlcs8lii2aynq6pmonakyi3i5308d97f-f610-496e-99be-076b6f27bd4b.png) 100% no-repeat; |
||||
background-size: 100% 100%; |
||||
width: 750rpx; |
||||
} |
||||
|
||||
.box_2 { |
||||
background-color: rgba(4, 4, 2, 0.6); |
||||
height: 1624rpx; |
||||
width: 750rpx; |
||||
} |
||||
|
||||
.section_1 { |
||||
background-color: rgba(63, 63, 63, 1); |
||||
border-radius: 20px; |
||||
width: 660rpx; |
||||
height: 450rpx; |
||||
margin: 471rpx 0 0 45rpx; |
||||
} |
||||
|
||||
.group_1 { |
||||
width: 393rpx; |
||||
height: 49rpx; |
||||
margin: 23rpx 0 0 244rpx; |
||||
} |
||||
|
||||
.text_11 { |
||||
width: 143rpx; |
||||
height: 35rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 36rpx; |
||||
font-family: AlibabaPuHuiTi-Regular; |
||||
font-weight: NaN; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 36rpx; |
||||
margin: 13rpx 0 0 21rpx; |
||||
} |
||||
|
||||
.text_1 { |
||||
width: 173rpx; |
||||
height: 33rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 34rpx; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 34rpx; |
||||
margin-top: 16rpx; |
||||
} |
||||
|
||||
.label_1 { |
||||
width: 44rpx; |
||||
height: 44rpx; |
||||
} |
||||
|
||||
.group_2 { |
||||
width: 600rpx; |
||||
height: 80rpx; |
||||
margin: 40rpx 0 0 30rpx; |
||||
} |
||||
|
||||
.text-wrapper_1 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80rpx; |
||||
width: 180rpx; |
||||
} |
||||
|
||||
.text_2 { |
||||
width: 58rpx; |
||||
height: 28rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30rpx; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30rpx; |
||||
margin: 26rpx 0 0 61rpx; |
||||
} |
||||
|
||||
.text-wrapper_2 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80rpx; |
||||
margin-left: 30rpx; |
||||
width: 180rpx; |
||||
} |
||||
|
||||
.text_3 { |
||||
width: 63rpx; |
||||
height: 28rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30rpx; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30rpx; |
||||
margin: 26rpx 0 0 61rpx; |
||||
} |
||||
|
||||
.text-wrapper_3 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80rpx; |
||||
margin-left: 30rpx; |
||||
width: 180rpx; |
||||
} |
||||
|
||||
.text_4 { |
||||
width: 63rpx; |
||||
height: 28rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30rpx; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30rpx; |
||||
margin: 26rpx 0 0 61rpx; |
||||
} |
||||
|
||||
.group_3 { |
||||
width: 390rpx; |
||||
height: 80rpx; |
||||
margin: 20rpx 0 0 30rpx; |
||||
} |
||||
|
||||
.text-wrapper_4 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80rpx; |
||||
width: 180rpx; |
||||
} |
||||
|
||||
.text_5 { |
||||
width: 64rpx; |
||||
height: 28rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30rpx; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30rpx; |
||||
margin: 26rpx 0 0 61rpx; |
||||
} |
||||
|
||||
.text-wrapper_5 { |
||||
background-color: rgba(76, 76, 76, 1); |
||||
border-radius: 40px; |
||||
height: 80rpx; |
||||
width: 180rpx; |
||||
} |
||||
|
||||
.text_6 { |
||||
width: 63rpx; |
||||
height: 28rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(255, 255, 255, 1); |
||||
font-size: 30rpx; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30rpx; |
||||
margin: 26rpx 0 0 61rpx; |
||||
} |
||||
|
||||
.text-wrapper_6 { |
||||
background-color: rgba(248, 191, 31, 1); |
||||
border-radius: 45px; |
||||
height: 90rpx; |
||||
width: 300rpx; |
||||
margin: 28rpx 0 40rpx 180rpx; |
||||
} |
||||
|
||||
.text_7 { |
||||
width: 58rpx; |
||||
height: 28rpx; |
||||
overflow-wrap: break-word; |
||||
color: rgba(8, 3, 19, 1); |
||||
font-size: 30rpx; |
||||
font-family: PingFang-SC-Medium; |
||||
font-weight: 500; |
||||
text-align: left; |
||||
white-space: nowrap; |
||||
line-height: 30rpx; |
||||
margin: 30rpx 0 0 121rpx; |
||||
} |
@ -1,95 +0,0 @@ |
||||
<template> |
||||
<view class="page flex-col"> |
||||
<view class="box_1 flex-col"> |
||||
<view class="box_2 flex-col"> |
||||
|
||||
<view class="group_11 flex-col"> |
||||
<view class="box_3 flex-row"> |
||||
<image class="image_2" |
||||
src="http://118.89.89.96/lanhu_zuoweiyuding/psndjrrup60gqz7fh27nu0kqbou1ngsraa7932a6-c7ef-4b5b-86be-3caa83f65ba8.png" /> |
||||
<text class="text_11">座位预定</text> |
||||
|
||||
</view> |
||||
<view class="box_4 flex-row justify-between"> |
||||
<view class="box_5 flex-row"> |
||||
<view class="text-group_1 flex-col justify-between"> |
||||
<text class="text_2">包厢</text> |
||||
<text class="text_3">1-8人</text> |
||||
</view> |
||||
</view> |
||||
<view class="box_6 flex-row"> |
||||
<view class="text-group_2 flex-col justify-between"> |
||||
<text class="text_4">卡座</text> |
||||
<text class="text_5">1-8人</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="box_7 flex-row justify-between"> |
||||
<view class="group_2 flex-row"> |
||||
<view class="text-group_3 flex-col justify-between"> |
||||
<text class="text_6">散台</text> |
||||
<text class="text_7">1-8人</text> |
||||
</view> |
||||
</view> |
||||
<view class="group_3 flex-row"> |
||||
<view class="text-group_4 flex-col justify-between"> |
||||
<text class="text_8">通桌</text> |
||||
<text class="text_9">1-8人</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<view class="text-wrapper_1 flex-col"> |
||||
<text class="text_10">台位图</text> |
||||
</view> |
||||
</view> |
||||
|
||||
|
||||
|
||||
<view class="section_1 flex-col" v-if="tankuang"> |
||||
<view class="group_1 flex-row justify-between"> |
||||
<text class="text_1">选择房台号</text> |
||||
<image class="label_1" referrerpolicy="no-referrer" @click="tankuang" |
||||
src="http://118.89.89.96/lanhu_danchuang/psg7v4bx5jfeulz9waixn92pjnlc6qlrip7af72304-2c82-47c4-ad28-e586e8de3565.png" /> |
||||
</view> |
||||
|
||||
<view class="group_2 flex-row justify-between"> |
||||
<view class="text-wrapper_1 flex-col"> |
||||
<text class="text_2">包01</text> |
||||
</view> |
||||
<view class="text-wrapper_2 flex-col"> |
||||
<text class="text_3">包02</text> |
||||
</view> |
||||
<view class="text-wrapper_3 flex-col"> |
||||
<text class="text_4">包03</text> |
||||
</view> |
||||
</view> |
||||
<view class="group_3 flex-row justify-between"> |
||||
<view class="text-wrapper_4 flex-col"> |
||||
<text class="text_5">包04</text> |
||||
</view> |
||||
<view class="text-wrapper_5 flex-col"> |
||||
<text class="text_6">包05</text> |
||||
</view> |
||||
</view> |
||||
<view class="text-wrapper_6 flex-col"> |
||||
<text class="text_7">确定</text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
constants: {} |
||||
}; |
||||
}, |
||||
methods: {} |
||||
}; |
||||
</script> |
||||
<style lang='css'> |
||||
@import '../common/common.css'; |
||||
@import './assets/style/index.rpx.css'; |
||||
</style> |
Loading…
Reference in new issue