ec.uniapp-master/pages/user/usersetting/usersetting.less

@import '../../../common/css/global';
#user-setting{
    view{
      overflow: visible;
    }
	.head_box{
		width:100%;
		height:100px;
		background-color:#FFFFFF;
		margin-bottom:9px;
		display:flex;
		justify-content: space-between;
		// flex-direction:row;
		align-items:center;
		padding:15px;
		.head_message{
			color: #333333;
			font-size: 14px;
		}
		.head_right{
			    display: flex;
			    align-items: center;
			.head_under{
				font-size: 12px;
				color: #a4a3a3;
				margin-left: 10px;
			}
			.headImg{
			  position: relative;
			  width: 65px;
			  height: 65px;
			  background-color: #EDF2FC;
			  border-radius: 50%;
			  display: block;
			  image{
			    //width: 100%;
			    //height: 100%;
			    width: 64px;
			    height: 64px;
			    border-radius: 50%;
			  }
			}
		}
	}
   .user_setting{
     background-color: #ffffff;
     .code{
       border-bottom: 1px solid #e5e5e5;
       padding: 10px;
       display: flex;
       align-items: center;
       font-size: 14px;
	   .phone_under{
		   margin-left: 10px;
		   font-size: 12px;
		   color: #a4a3a3;
	   }
	   input{
		   text-align: right;
	   }
	   .icon-jiantou under
       .detail{
         padding-left: 10px;
         width: 80px;
         color: #a4a3a3;

       }
       input{
         flex: 1;
         color: #000000;
		 text-align: right;
       }
       picker{
         flex: 1;
         position: relative;
       }
       .under{
         transform: rotate(90deg);
		 margin-left: 10px;
         font-size: 12px;
         color: #a4a3a3;
       }
       span{
         padding: 0 15px;
         color: #00b4ff;
       }
     }
   }
   .submit{
     width: 100%;
     position: fixed;
     bottom: 0px;
     button[type=primary] {
       color:#FFFFFF;
       background-color: #FB5054;
       border-radius: 0;

       &:after {
         border: none;
         border-radius: 0;
       }
     }
   }
}