第一次提交
This commit is contained in:
90
pages/order/index.scss
Normal file
90
pages/order/index.scss
Normal file
@@ -0,0 +1,90 @@
|
||||
.order_container{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.order_list_container{
|
||||
flex: 1;
|
||||
background: #FFFFFF;
|
||||
border-radius: 70rpx 70rpx 0rpx 0rpx;
|
||||
padding: 44rpx 0rpx;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 0;
|
||||
overflow: hidden;
|
||||
.order_list_header{
|
||||
padding: 0 31rpx;
|
||||
.switch{
|
||||
margin-left: 20rpx;
|
||||
text{
|
||||
font-size: 26rpx;
|
||||
color: #000000;
|
||||
font-weight: 600;
|
||||
}
|
||||
.switch_logo{
|
||||
margin-right: 20rpx;
|
||||
width: 37.11rpx;
|
||||
height: 33rpx;
|
||||
}
|
||||
}
|
||||
// 输入框
|
||||
.order_list_header_input{
|
||||
background: #F7F7F7;
|
||||
border-radius: 81rpx ;
|
||||
overflow-x: hidden;
|
||||
display: flex;
|
||||
padding: 10rpx 31rpx;
|
||||
.order_list_header_input_icon{
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
input {
|
||||
flex: 1;
|
||||
font-size: 26rpx;
|
||||
// box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
// 选项列表
|
||||
.order_list_option_list{
|
||||
font-size: 24rpx;
|
||||
margin-top: 41rpx;
|
||||
.order_list_option_list_item{
|
||||
width: 142rpx;
|
||||
height: 40rpx;
|
||||
border-radius: 48rpx 48rpx 48rpx 48rpx;
|
||||
border: 1rpx solid #121836;
|
||||
box-sizing: border-box;
|
||||
color: #121836;
|
||||
}
|
||||
.select_order_list_option_list_item{
|
||||
background-color: #0B1123;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
.order_list{
|
||||
flex: 1;
|
||||
margin-top: 62rpx;
|
||||
overflow: hidden;
|
||||
::-webkit-scrollbar {width: 0;height: 0;background-color: transparent;}
|
||||
}
|
||||
}
|
||||
.order_title{
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 32rpx;
|
||||
// padding-left: 31rpx;
|
||||
font-size: 26rpx;
|
||||
color: #333333;
|
||||
text{
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 34rpx;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
}
|
||||
.order_title_logo{
|
||||
width: 38rpx;
|
||||
height: 38rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user