category.less 2.07 KB
.categoryPage{
	background-color: #FFF;
	.addr-page{
		position: fixed;
		top: 0;
		height: 100%;
		bottom:0;
		left: 0;
		width: 100%;
		// bottom: 0;
		z-index: 10;
		background-color: #fff;
		overflow: hidden;
		.m-header{
			background-color: #F8F8F8;
			.head h1{
				// font-size: 15px;
			}
		}
		.m-table-view{
			border: none;
			.cell{
				font-size: 14px;
				padding: 0 0 0 10px;
				// border-bottom: 1px solid #ddd;
				overflow: hidden;
				position: relative;
				text-align: left;
				border: none;
				&.selected{
					background-color: #FFF;
					.title{
						color: #23AC38;
					}
					&:after{
						border-right: 1px solid #fff !important;
					}
				}
			}
			.title{
				font-size: 15px;
				color: #999;
				float: left;
				font-weight: 400;
				line-height: 44px;
				width: 100%;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				text-align: left;
			}
			.text{
				margin-left: 75px;
				display: block;
				font-size: 15px;
				color: #333;
				line-height: 44px;
				position: relative;
				white-space: nowrap;
				word-break:break-all;
				text-overflow: ellipsis;
				overflow: hidden;
				.m-input{
					font-size: 15px;
				}
			}
		}
		.border-1px-full{
		  &:after {
			border-width: 0 1px 1px 0;
			border-color: #ddd;
		  }
		 }
		.m-content{
			height: 100%;
			box-sizing: border-box;
			padding-top: 44px;
			overflow: hidden;
			margin-top: -44px;
		}
		i{
			font-style: normal;
		}
		.cell-radio{
			background-color: #FFF;
			margin-bottom: 0;
		}
	}

	.addr-section{
		overflow-x: hidden;
		// overflow: hidden;
		overflow-y: scroll;
		height: 100%;
		-webkit-overflow-scrolling: touch;
		position: relative;
		.m-table-view{
			margin: 0;
		}
	}
	.province{
		width: 125px;
		float: left;
		background-color: #f8f8f8;
		.m-table-view{
			position: relative;
			z-index: 2;
		}
		.cell{
			background-color: #f8f8f8;
			&.selected{
				background-color: #FFF;
				  &:after {
					border-width: 0 0 1px 0;
				  }
			}
		}
	}
	.city{
		margin-left: 135px;
		.m-table-view{
			// padding-right: 10px;
		}
		.cell{
			padding:0;
		}
	}
}