You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
2.3 KiB
130 lines
2.3 KiB
/**dishes.wxss**/
|
|
page {
|
|
background-image: linear-gradient(-20deg, #f0e0c1 0%, #fdd6bd 100%);
|
|
}
|
|
|
|
.profile {
|
|
padding: 30rpx;
|
|
padding-top: 70rpx;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 120%;
|
|
color: #B8860B;
|
|
/* border-radius: 40rpx 40rpx 40rpx 40rpx; */
|
|
box-shadow: 0px 1px 4px rgba(26, 77, 160, 0.16), inset 3px 3px 3px rgba(255, 255, 255, 0.15);
|
|
background-color: rgba(255, 255, 255, 0.75);
|
|
}
|
|
|
|
.sameStyle {
|
|
font-size: 32rpx;
|
|
border-radius: 10rpx;
|
|
/* background-color: #fff; */
|
|
box-shadow: 0px 1px 4px rgba(26, 77, 160, 0.16), inset 3px 3px 3px rgba(255, 255, 255, 0.15);
|
|
background-color: rgba(255, 255, 255, 0.75);
|
|
margin: 20rpx 3%;
|
|
}
|
|
|
|
.TotalTime {
|
|
padding: 14rpx 20rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
|
|
}
|
|
|
|
.materialHeight {
|
|
height: calc(25vh - 80rpx);
|
|
margin-left: 20rpx;
|
|
width: 100%;
|
|
}
|
|
|
|
.material {
|
|
height: 25vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.title {
|
|
font-size: 28rpx;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
font-weight: bold;
|
|
padding-left: 20rpx;
|
|
}
|
|
|
|
.item {
|
|
padding: 10rpx 0;
|
|
margin: 0 20rpx;
|
|
}
|
|
|
|
.step {
|
|
height: 50vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.materialHeight1 {
|
|
height: calc(50vh - 80rpx);
|
|
width: 100%;
|
|
}
|
|
|
|
.items {
|
|
margin: 3rpx 20rpx;
|
|
padding: 20rpx;
|
|
/* background: #e0ac7f; */
|
|
box-shadow: 0px 0px 4px #6d6a6b29;
|
|
border-radius: 10rpx;
|
|
margin-bottom: 20rpx;
|
|
|
|
height:100%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/* .top {
|
|
display: flex;
|
|
align-items: center;
|
|
height:100%;
|
|
justify-content: space-between;
|
|
} */
|
|
|
|
.bot {
|
|
margin: 20rpx 0;
|
|
color: #666666;
|
|
}
|
|
.time{
|
|
color: #e05f5f;
|
|
}
|
|
|
|
.loading{
|
|
text-align: center;
|
|
width: 100%;
|
|
padding-top:40%;
|
|
z-index: 2;
|
|
margin: auto;
|
|
position: fixed;
|
|
font-weight:bold;
|
|
font-size: 20px;
|
|
color: rgb(0, 0, 0);
|
|
height: 100%;
|
|
}
|
|
|
|
.bottom_button{
|
|
position: fixed;
|
|
bottom: 0px;
|
|
text-align: center;
|
|
width: 100%;
|
|
padding-top: 5%;
|
|
padding-bottom: 1%;
|
|
z-index: 2;
|
|
margin: auto;
|
|
border-radius: 20px 20px 20px 20px;
|
|
font-weight:bold;
|
|
font-size: 20px;
|
|
background: rgba( 248, 138, 138, 0.3 );
|
|
|
|
backdrop-filter: blur( 20px );
|
|
|
|
}
|
|
|
|
.bottom_button_press{
|
|
background: rgba(255, 0, 0, 0.055);
|
|
}
|