shoot_notice.wxss
2.43 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
/* packageB/pages/AI-test-skin/shoot_notice/shoot_notice.wxss */
page {
width: 100vw;
height: 100%;
padding: 40rpx 30rpx 0 30rpx;
box-sizing: border-box;
background-color: #e7f5fb;
}
.content {
width: 100%;
/* height: 100%; */
border-radius: 25rpx;
/* padding: 30rpx; */
background-color: #fff;
}
.content .work {
text-align: center;
padding: 50rpx 0 30rpx 0;
font-size: 36rpx;
}
.content .ready {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 40rpx
}
.content .ready1 {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 50rpx ;
/* margin-bottom: 40rpx */
}
.hengxian {
position: relative;
top: -15rpx;
width: 40rpx;
margin-left: 50%;
transform: translateX(-50%);
border: 1rpx solid #5edadc;
}
.shuxian {
width: 2rpx;
background-color: #f5f5f5;
margin: 0 30rpx;
}
.content .image {
display: flex;
width: 75%;
height: 300rpx;
}
.content .image_1 {
display: flex;
width: 55%;
height: 450rpx;
margin: 0 auto;
}
.content image {
height: 100%;
}
.btn {
/* height: 150rpx; */
/* margin-left: 50%; */
margin: 70rpx 0 30rpx 50%;
transform: translateX(-50%);
background: #4bd6df;
padding: 20rpx;
width: 50%;
text-align: center;
border-radius: 40rpx;
color: #fff;
}
.btn_fixed {
position: fixed;
width: 100%;
bottom: 0;
height: 300rpx;
background: #e7f5fb;
}
.notice {
text-align: center;
color: red;
font-size: 28rpx;
}
.cover-layer {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 11;
background: rgba(0,0,0,0.4);
width: 100%;
height: 100%;
}
.flex{display: flex}
.jc-center{
justify-content: center;
}
.ac{align-items: center}
.pai_content{
position: fixed;z-index: 100;bottom: 0;background: #FFFFFF;width: 100%;
border-top-left-radius:30rpx;
border-top-right-radius:30rpx;
}
.p_item{ height: 100rpx; line-height: 100rpx;text-align: center; border-bottom: 1rpx solid #eee}
.p_cancle{height: 100rpx; line-height: 100rpx;text-align: center; border-top:20rpx solid #f8f8f8;}
@keyframes p_up
{
from {transform:translateY(100%);}
to {transform:translateY(0);}
}
@keyframes p_down
{
from {transform:translateY(0);}
to {transform:translateY(100%);}
}
.p_to_up{animation:p_up 1s;}
.p_to_down{animation:p_down 0.5s;}