duantuihe/pages/my/roleManage/index.scss

	view {
		box-sizing: border-box;
	}
 
	.container {
		// padding: 30rpx;
		min-height: 100vh;
		background: #F7F8FB;
 
	}
	
	
	
	::-webkit-scrollbar {
	    display: none;
	}
	
	.box {
	    padding: 24rpx 30rpx;
	    padding-bottom: 100px;
	
	    .itemBox {
	        display: flex;
	        white-space: nowrap;
	        flex-wrap: nowrap;
	        overflow-x: scroll;
	        height: 188rpx;
	        // margin-bottom: 24rpx;
			
			margin-bottom: 12rpx;
			
			
	
	        .delBtn {
	            flex-shrink: 0;
	            display: flex;
	            align-items: center;
	            justify-content: center;
	            width: 150rpx;
	
	            height: 188rpx;
	            color: white;
	            background: red;
	            border-radius: 0 20rpx 20rpx 0;
	        }
	
	    }
	
	    .item {
	        flex-shrink: 0;
	        width: 100%;
	        height: 188rpx;
	        // background: #FFFFFF;
	        // border-radius: 20rpx 0 0 20rpx;
	        border-radius: 20rpx;
	        padding: 32rpx 24rpx;
			background-size: 100% 100%;
			background-repeat: no-repeat;
			
			
			// background: red;
			
	
	        .top {
	            .currLabel {
	                display: flex;
	                align-items: center;
	
	                .icon {
	                    width: 36rpx;
	                    height: 36rpx;
	                    margin-right: 24rpx;
	                }
	
	                .name {
	                    margin-right: 32rpx;
	                    font-size: 30rpx;
	                    font-family: PingFang-SC, PingFang-SC;
	                    font-weight: 800;
	                    color: #080F18;
	                }
	
	                .phone {
	                    font-size: 30rpx;
	                    font-family: PingFang-SC, PingFang-SC;
	                    font-weight: 800;
	                    color: #080F18;
	                }
	            }
	        }
	
	        .bot {
	            display: flex;
	            justify-content: space-between;
	            width: 100%;
	            margin-top: 20rpx;
	
	            .left {
	                font-size: 26rpx;
	                font-family: PingFang-SC, PingFang-SC;
	                font-weight: 500;
	                color: #080F18;
	                line-height: 36rpx;
	
	                .addr {}
	
	                .des {}
	            }
	
	            .bianjiBox {
	                width: 100rpx;
	                // background: red;
	                display: flex;
	                // justify-content: flex-end;
	                justify-content: center;
	                align-items: center;
	                .bianji {
	                    margin-top: 8rpx;
	                    width: 26rpx;
	                    height: 26rpx;
	                }
	            }
	        }
	    }
	
	    .addBtn {
	        height: 50px;
	        background: #eee;
	        border-radius: 5px;
	        display: flex;
	        justify-content: center;
	        align-items: center;
	        // color: white;
	
	        position: fixed;
	        width: calc(100% - 20px);
	        bottom: 50px;
	    }
	
	
	   
	}
	
	 .btnBox{
	 	height: 176rpx;
	 	background: #FFFFFF;
	 	// background:red;
	 	box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.05);
	 	border-radius: 32rpx 32rpx 0rpx 0rpx;
	 	position: fixed;
	 	bottom: 0;
	 	width: 100%;
	 	padding-left: 30rpx;
	 	padding-right: 30rpx;
	 	padding-top: 32rpx;
	 	
	 	z-index: 9999999999999999999999999999999;
	 	.btn{
	 		height: 96rpx;
	 		background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%);
	 		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,122,255,0.2);
	 		border-radius: 54rpx;
	 		display: flex;
	 		justify-content: center;
	 		align-items: center;
	 		font-size: 32rpx;
	 		font-family: SourceHanSansCN, SourceHanSansCN;
	 		font-weight: bold;
	 		color: #FFFFFF;
	 	}
	 }