SOS
This commit is contained in:
539943419 committed
1 parent
fac7123cd1
commit
5e90a8b670
7 files changed
+543
-163
No files matched your search
@@ -734,6 +734,36 @@
|
||||
translate: 0 100%;
|
||||
background-color: rgba($color: #ffffff, $alpha: 1.0);
|
||||
border-radius: 50rpx;
|
||||
.title{
|
||||
.page_star{
|
||||
height: 70rpx;
|
||||
width: 70rpx;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// background-color: aquamarine;
|
||||
top: 50rpx;
|
||||
right:30rpx;
|
||||
// font-size: 150rpx;
|
||||
// font-weight: 900;
|
||||
// font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
||||
}
|
||||
.page_editRemark{
|
||||
height: 70rpx;
|
||||
width: 70rpx;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
// background-color: aquamarine;
|
||||
top: 50rpx;
|
||||
right:100rpx;
|
||||
// font-size: 150rpx;
|
||||
// font-weight: 900;
|
||||
// font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
|
||||
}
|
||||
}
|
||||
.content{
|
||||
position: relative;
|
||||
display: flex;
|
||||
@@ -994,8 +1024,189 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
//遮罩2
|
||||
#curtain2{
|
||||
background-color: rgba(0, 0, 0, 0.19);
|
||||
// background-color: rgba(0, 0, 0, 0);
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
// transform: ;
|
||||
}
|
||||
// 收藏的时候设置备注的输入框
|
||||
#star_setRemark{
|
||||
height: 200rpx;
|
||||
width: 70%;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 15%;
|
||||
// overflow: hidden;
|
||||
translate: 0 1300rpx;
|
||||
background-color: rgba($color: #ffffff, $alpha: 1.0);
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
.title{
|
||||
height: 30%;
|
||||
border-radius: 25rpx 25rpx 0 0;
|
||||
}
|
||||
.input{
|
||||
height: 120rpx;
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
top:30%;
|
||||
right: 5%;
|
||||
border-radius: 25rpx;
|
||||
overflow: hidden;
|
||||
input{
|
||||
// background-color: #a79f84;
|
||||
height: 100%;
|
||||
// width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 60rpx;
|
||||
}
|
||||
}
|
||||
.verify{
|
||||
position: absolute;
|
||||
top:110%;
|
||||
right: 0%;
|
||||
background-color: greenyellow;
|
||||
height: 100rpx;
|
||||
width: 200rpx;
|
||||
font-size: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
}
|
||||
.cancel{
|
||||
position: absolute;
|
||||
top:110%;
|
||||
left: 0%;
|
||||
background-color: tomato;
|
||||
height: 100rpx;
|
||||
width: 200rpx;
|
||||
font-size: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
#editRemark{
|
||||
height: 200rpx;
|
||||
width: 70%;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 15%;
|
||||
// overflow: hidden;
|
||||
translate: 0 1300rpx;
|
||||
background-color: rgba($color: #ffffff, $alpha: 1.0);
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
.title{
|
||||
height: 30%;
|
||||
border-radius: 25rpx 25rpx 0 0;
|
||||
}
|
||||
.input{
|
||||
height: 120rpx;
|
||||
width: 90%;
|
||||
position: absolute;
|
||||
top:30%;
|
||||
right: 5%;
|
||||
border-radius: 25rpx;
|
||||
overflow: hidden;
|
||||
input{
|
||||
// background-color: #a79f84;
|
||||
height: 100%;
|
||||
// width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 60rpx;
|
||||
}
|
||||
}
|
||||
.verify{
|
||||
position: absolute;
|
||||
top:110%;
|
||||
right: 0%;
|
||||
background-color: greenyellow;
|
||||
height: 100rpx;
|
||||
width: 200rpx;
|
||||
font-size: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
}
|
||||
.cancel{
|
||||
position: absolute;
|
||||
top:110%;
|
||||
left: 0%;
|
||||
background-color: tomato;
|
||||
height: 100rpx;
|
||||
width: 200rpx;
|
||||
font-size: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#removeCollectionVerify{
|
||||
height: 130rpx;
|
||||
width: 70%;
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 15%;
|
||||
// overflow: hidden;
|
||||
translate: 0 1300rpx;
|
||||
background-color: rgba($color: #ffffff, $alpha: 1.0);
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
.title{
|
||||
height: 100%;
|
||||
background-color: unset;
|
||||
border-radius: 25rpx 25rpx 0 0;
|
||||
}
|
||||
.verify{
|
||||
position: absolute;
|
||||
top:110%;
|
||||
right: 0%;
|
||||
background-color: greenyellow;
|
||||
height: 100rpx;
|
||||
width: 200rpx;
|
||||
font-size: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
}
|
||||
.cancel{
|
||||
position: absolute;
|
||||
top:110%;
|
||||
left: 0%;
|
||||
background-color: tomato;
|
||||
height: 100rpx;
|
||||
width: 200rpx;
|
||||
font-size: 50rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 25rpx;
|
||||
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
|
||||
}
|
||||
}
|
||||
|
||||
//测试按钮
|
||||
.testButtom{
|
||||
|
||||
Reference in new issue
Block a user