lirenGO_uniapp/common/css/common.scss

// card样式
.card{
	.cardItem{
		margin: 26rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 9rpx 0rpx rgba(0,0,0,0.05);
		border-radius: 18rpx 18rpx 18rpx 18rpx;
		.cardItemHead{
			width: 100%;
			box-sizing: border-box;
			padding: 26rpx;
			@include flexBox(between,center,column);
		}
		.cardItemBody{
			width: 100%;
			box-sizing: border-box;
			padding: 26rpx;
		}
		.cardItemBottom{
			width: 100%;
			box-sizing: border-box;
			padding: 26rpx;
		}
	}
}

// list样式
.list{
	.listItem{
		margin: 26rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 9rpx 0rpx rgba(0,0,0,0.05);
		border-radius: 18rpx 18rpx 18rpx 18rpx;
		.listItemHead{
			width: 100%;
			box-sizing: border-box;
			padding: 26rpx;
			@include flexBox(between,center,column);
		}
		.listItemBody{
			width: 100%;
			box-sizing: border-box;
			padding: 26rpx;
		}
		.listItemBottom{
			width: 100%;
			box-sizing: border-box;
			padding: 26rpx;
		}
	}
}

// 通用样式--
<view class="itemBox">
	<view class="">
		<text class="label">经销商</text>
		<text>：</text>
	</view>
	<text class="itemBoxRight">132222312</text>
</view>

.itemBox{
	@include flexBox(start,start);
	&>view{
		@include flexBox();
		@include fontStyle(28rpx,#333333,left,500,48rpx);
	}
	.label{
		min-width: 120rpx;
		text-align-last: justify;
	}
	.itemBoxRight{
		flex: 1;
		word-break: break-all;
		@include fontStyle(28rpx,#333333,left,500,48rpx);
	}
}

// button 样式
<view class="bottom">
	<view class="" style="height: 216rpx;"></view>
	<view class="btnBox">
		<button @click="$util.redirectTo('./add')">新增收货地址</button>
	</view>
</view>
.bottom{
	width: 100%;
	.btnBox{
		width: 100%;
		height: 200rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
		button{
			width: 544rpx;
			height: 92rpx;
			background: $uni-btn-bg;
			border-radius: 9rpx 9rpx 9rpx 9rpx;
			font-weight: 500;
			font-size: 32rpx;
			color: $uni-btn-color;
			@include flexBox();
			margin-top: 40rpx;
		}
		
	}
}