ReedawFoodApp/unpackage/dist/dev/mp-weixin/Food/search/search.wxss

201 lines
4.3 KiB
Plaintext

@charset "UTF-8";
/* 主题色 */
.content.data-v-d6d0f1a8 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow-y: auto;
box-sizing: border-box;
background: #fff;
-webkit-overflow-scrolling: touch;
}
.content .search.data-v-d6d0f1a8 {
width: 100%;
position: relative;
padding-bottom: 35px;
padding-top: 20rpx;
background-color: #54d87c;
}
.content .search input.data-v-d6d0f1a8 {
width: calc(100% - 80rpx);
background: #fff;
height: 39px;
line-height: 38px;
border-radius: 20rpx;
padding: 0 20rpx;
margin: 0 20rpx;
}
.content .search .input.data-v-d6d0f1a8:hover {
box-shadow: 0 1rpx 20rpx #ccc;
}
.content .search image.data-v-d6d0f1a8 {
width: 50rpx;
height: 50rpx;
position: absolute;
right: 40rpx;
top: 18px;
z-index: 99;
}
.content .content-box.data-v-d6d0f1a8 {
background: #fff;
border-radius: 20rpx 20rpx 0 0;
position: relative;
z-index: 99;
width: 100%;
padding-top: -13px;
margin: -40rpx 0 70px;
}
.content .search-history.data-v-d6d0f1a8 {
width: 100%;
height: auto;
overflow: hidden;
}
.content .search-history uni-icons.data-v-d6d0f1a8 {
color: #333333;
font-size: 60rpx;
position: absolute;
top: 13px;
right: 30rpx;
}
.content .history-list.data-v-d6d0f1a8 {
width: calc(100% - 40rpx);
margin: 20rpx 20rpx 0;
height: auto;
display: flex;
flex-wrap: wrap;
}
.content .history-list .history-list-item.data-v-d6d0f1a8 {
border: 1px solid #dfdfdf;
padding: 3px 24rpx;
border-radius: 20rpx;
margin-bottom: 20rpx;
margin-right: 20rpx;
}
.content .title.data-v-d6d0f1a8 {
width: 90%;
font-size: 30rpx;
font-weight: bold;
color: #000;
margin-top: 30rpx;
margin-left: 30rpx;
display: flex;
align-items: center;
}
.content .popular-container.data-v-d6d0f1a8 {
width: 100%;
}
.content .popular-container .popular-food-item.data-v-d6d0f1a8 {
display: flex;
flex-direction: column;
align-items: center;
margin: 20rpx;
padding: 20rpx;
box-sizing: border-box;
border-radius: 20rpx;
background: linear-gradient(#EDFFF4, #ffffff 80%);
}
.content .popular-container .popular-food-item .food-title.data-v-d6d0f1a8 {
font-size: 34rpx;
font-weight: 700;
}
.content .popular-container .popular-food-item .popular-food-inner.data-v-d6d0f1a8 {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
margin-top: 20rpx;
}
.content .popular-container .popular-food-item .popular-food-inner .popular-food-subitem.data-v-d6d0f1a8 {
display: flex;
align-items: center;
margin-bottom: 20rpx;
padding: 10rpx 20rpx;
background-color: #fff;
margin-right: 20rpx;
border-radius: 20rpx;
border: 1px solid #f7f7f7;
}
.content .search_list.data-v-d6d0f1a8 {
display: flex;
padding: 20rpx;
flex-wrap: wrap;
margin-bottom: 90px;
margin-top: 30rpx;
justify-content: space-between;
}
.content .search_list .search_list_item.data-v-d6d0f1a8 {
width: 30%;
margin-top: 30rpx;
text-align: center;
}
.content .search_list .search_list_item image.data-v-d6d0f1a8 {
width: 220rpx;
height: 220rpx;
}
.content .auto-search-dialog.data-v-d6d0f1a8 {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
bottom: 60px;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.content .auto-search-dialog .auto-search-inner.data-v-d6d0f1a8 {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: relative;
width: 50%;
padding: 60rpx 0;
background-color: #fff;
border-radius: 20rpx;
box-shadow: 0 0 20rpx #ccc;
}
.content .footBtn.data-v-d6d0f1a8 {
position: fixed;
width: 100%;
bottom: 0;
padding-top: 30rpx;
background: #fff;
display: flex;
z-index: 99;
justify-content: space-around;
}
.content .footBtn view.data-v-d6d0f1a8 {
color: #fff;
width: 80%;
padding: 8px 40rpx;
background: #54d87c;
margin-bottom: 30rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20rpx;
}
.button-container.data-v-d6d0f1a8 {
position: absolute;
top: 20rpx;
right: 30rpx;
font-size: 40rpx;
}
.button-container image.data-v-d6d0f1a8 {
width: 50rpx;
height: 50rpx;
}
.icon-error.data-v-d6d0f1a8 {
color: #888484;
position: absolute;
right: 120rpx;
top: 18px;
z-index: 999;
font-size: 24px;
}