yuminge-app/yun-min-program-plugin-master/packageC/selfCarry/selectSelfPickupPoint/selectSelfPickupPoint.wxss

87 lines
1.8 KiB
Plaintext

/* packageC/selfCarry/selectSelfPickupPoint/selectSelfPickupPoint.wxss */
#select_selfPickupPoint {
padding-bottom: 90rpx;
}
#select_selfPickupPoint .top-nav {
width: 100%;
display: flex;
height: 96rpx;
line-height: 96rpx;
align-items: center;
justify-content: space-around;
padding: 0 20rpx;
background: #fff;
box-sizing: border-box;
}
#select_selfPickupPoint .top-nav .location {
display: flex;
align-items: center;
}
#select_selfPickupPoint .top-nav .location .cityClass {
display: inline-block;
max-width: 112rpx;
height: 59rpx;
line-height: 59rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#select_selfPickupPoint .search {
background-color: #eff0f1;
border-radius: 30rpx;
height: 64rpx;
line-height: 64rpx;
display: flex;
flex: 1;
margin-left: 20rpx;
}
#select_selfPickupPoint .search input {
flex: 1;
padding: 0 16rpx;
border: none;
height: 64rpx;
line-height: 64rpx;
width: 100%;
box-sizing: border-box;
}
#select_selfPickupPoint .search .popver-action {
display: flex;
align-items: center;
padding: 0 8rpx 0 28rpx;
box-sizing: border-box;
position: relative;
}
#select_selfPickupPoint .search .popver-action .popver-box {
position: absolute;
top: 68rpx;
left: 50%;
transform: translateX(-50%);
padding: 16rpx;
background: #fff;
display: flex;
flex-direction: column;
width: 50px;
text-align: center;
border-radius: 5px;
box-shadow: 0 2px 12px rgb(50 50 51 / 12%);
}
#select_selfPickupPoint .search .popver-action .popver-box .popover-arrow {
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
top: -10px;
left: 50%;
transform: translateX(-50%);
}