Mina/components/city/city.wxss

/* components/city/city.wxss */
.container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
}

.province,
.city,
.area {
	height: calc(100vh - 124rpx);
	overflow-y: scroll;
}

.city,
.area {
	background: #F5F5F5;
}

.province-cell,
.city-cell,
.area-cell {
	width: 250rpx;
	height: 88rpx;
	padding: 0 20rpx;
	box-sizing: border-box;
	font-size: 28rpx;
	background: #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: center;
}

.city-cell,
.area-cell {
	color: #666666;
	background: #F5F5F5;
}

.area-cell {
	border-left: 1rpx solid #eee;
	box-sizing: border-box;
}

.province-cell.active {
	font-weight: 500;
	background: #F5F5F5;
}

.city-cell.active {
	color: #000;
	font-weight: 500;
}

.area-cell.active {
	color: #000;
	font-weight: 500;
}

.btn {
	width: 100%;
	height: 124rpx;
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button {
	height: 88rpx;
	width: 690rpx;
	color: #fff;
	background: #0177FF;
	border-radius: 10rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}