You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
107 lines
1.9 KiB
Plaintext
107 lines
1.9 KiB
Plaintext
.box_full {
|
|
width: 690rpx;
|
|
height: 83vh;
|
|
margin: 28rpx auto 150rpx;
|
|
background-color: #fff;
|
|
border-radius: 30rpx;
|
|
padding: 35rpx 25rpx 25rpx 35rpx;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
|
|
// writing-mode: vertical-lr;
|
|
// text-orientation: upright;
|
|
// white-space: nowrap;
|
|
// font-size: 18px;
|
|
// font-weight: bold;
|
|
// background-color: #c2e5f3;
|
|
// color: #fff;
|
|
// width: 100%;
|
|
}
|
|
|
|
.fullscreen {
|
|
position: fixed;
|
|
top: 450rpx;
|
|
left: -450rpx;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100vh;
|
|
height: 100vw;
|
|
z-index: 9999;
|
|
background-color: rgba(0, 0, 0, 0.5); /* 背景色 */
|
|
transform: rotate(90deg);
|
|
// animation: rotate 0s linear;
|
|
}
|
|
|
|
@keyframes rotate {
|
|
from {
|
|
width: 690rpx;
|
|
height: 320rpx;
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
width: 100vh;
|
|
height: 100vw;
|
|
transform: rotate(0deg);
|
|
}
|
|
}
|
|
|
|
.box_background1 {
|
|
position: absolute;
|
|
top: 330rpx;
|
|
left: -326rpx;
|
|
width: 83vh;
|
|
height: 690rpx;
|
|
border-radius: 30rpx;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
transform: rotate(90deg);
|
|
.power {
|
|
margin: 56rpx 0 103rpx 38rpx;
|
|
font-family: PingFang-SC;
|
|
font-weight: 500;
|
|
font-size: 36rpx;
|
|
color: #cccccc;
|
|
}
|
|
.part {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
position: absolute;
|
|
top: 37rpx;
|
|
right: 37rpx;
|
|
z-index: 100;
|
|
transform: rotate(90deg);
|
|
}
|
|
.line {
|
|
margin: 0 30rpx 0 52rpx;
|
|
font-family: PingFang-SC;
|
|
font-size: 28rpx;
|
|
color: #cccccc;
|
|
display: flex;
|
|
position: relative;
|
|
height: 47rpx;
|
|
.bottom_line {
|
|
// border-bottom: 1rpx #ccc dashed;
|
|
width: 550rpx;
|
|
margin-left: 20rpx;
|
|
position: absolute;
|
|
bottom: -6rpx;
|
|
right: 74rpx;
|
|
height: 4rpx;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
.time {
|
|
position: absolute;
|
|
bottom: 62rpx;
|
|
right: 44rpx;
|
|
font-family: PingFang-SC;
|
|
font-size: 36rpx;
|
|
color: #cccccc;
|
|
}
|
|
}
|
|
|
|
page {
|
|
background: #f8f8f8;
|
|
background: #f3f3f3;
|
|
}
|