77 lines
1.0 KiB
Plaintext
77 lines
1.0 KiB
Plaintext
.store-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20rpx;
|
|
}
|
|
|
|
.store-item {
|
|
display: flex;
|
|
align-items: center;
|
|
background: #fff;
|
|
border-radius: 16rpx;
|
|
padding: 24rpx;
|
|
border: 2rpx solid transparent;
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.store-item.active {
|
|
border-color: var(--primary-color);
|
|
background: #FFF5F0;
|
|
}
|
|
|
|
.store-info {
|
|
flex: 1;
|
|
}
|
|
|
|
.store-name {
|
|
display: block;
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.store-address {
|
|
display: block;
|
|
font-size: 26rpx;
|
|
color: var(--text-secondary);
|
|
margin-bottom: 8rpx;
|
|
}
|
|
|
|
.store-meta {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 16rpx;
|
|
}
|
|
|
|
.sport-type {
|
|
font-size: 22rpx;
|
|
color: var(--secondary-color);
|
|
background: #E0F7FA;
|
|
padding: 4rpx 12rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
|
|
.distance {
|
|
font-size: 22rpx;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.store-check {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
}
|
|
|
|
.store-check image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.empty-state {
|
|
padding: 100rpx 0;
|
|
}
|
|
|
|
.empty-state image {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
}
|