添加样式

master
rongweikang 2 years ago
parent e6627a19ba
commit 992f407cb1

@ -1,13 +1,41 @@
.box { .box {
width: 690rpx; width: 690rpx;
height: 320rpx; height: 320rpx;
margin: 28rpx auto; margin: 28rpx auto 150rpx;
background-color: #fff; background-color: #fff;
border-radius: 30rpx; border-radius: 30rpx;
padding: 35rpx 25rpx 25rpx 35rpx; padding: 35rpx 25rpx 25rpx 35rpx;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
} }
.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_background { .box_background {
position: absolute; position: absolute;
top: 0; top: 0;
@ -29,6 +57,7 @@
position: absolute; position: absolute;
top: 32rpx; top: 32rpx;
right: 26rpx; right: 26rpx;
z-index: 2;
} }
.line { .line {
margin: 0 0 6rpx 35rpx; margin: 0 0 6rpx 35rpx;

Loading…
Cancel
Save