movecar_wx/pages/setup/index.wxss

.setup{
  width: 100%;
  height: 100vh;
  background: linear-gradient(to bottom, #F0F5F5 -40%, #F0F5F5 40%,#F0F5F5 100%);
  padding: 0rpx 30rpx;
  box-sizing: border-box;

}
.title{
  font-weight: 500;
  font-size: 36rpx;
display: flex;
align-items: center;
margin-top: 20rpx;
justify-content: center;
}
.user{
  display: flex;
}
.user_to{
  width: 100rpx;
  height: 100rpx;
border-radius: 100%;
margin-right: 40rpx;
}
.user_name{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.user_name1{
  font-size: 36rpx;
display: flex;
align-items: center;
}
.user_role{
  font-size: 26rpx;
  height: 40rpx;
  padding: 4rpx 22rpx;
  border-radius: 100rpx; 
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #07c160;
  margin-left: 10rpx;
}
.user_name2{
  font-size: 28rpx;
}
.equipment{
width: 100%;
  display: flex;
 justify-content: space-between;
  box-sizing: border-box;
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}
.equipment_1{
  width: 48%;
  background-color: #ffffff;
  border-radius: 16rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 20rpx;
  box-sizing: border-box;

}
.user_left{
  display: flex;
  flex-direction: column;
  justify-content:space-around;
  padding: 20rpx 0rpx;
  box-sizing: border-box;
}
.equipment_2{
  width: 48%;
  background-color: #ffffff;
  border-radius: 10rpx;
    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
}
.equipment_rightdiv{
  width: 78rpx;
  height:78rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E3F6F8;
  border-radius: 100%;
  overflow: hidden;
}
.equipment_rightdiv1{
  width: 78rpx;
  height:78rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #E2ECFF;
  border-radius: 100%;
  overflow: hidden;
}
.equipment_right1{
  width: 50rpx;
  height: 50rpx;
}
.equipment_right{
 width: 50rpx;
 height: 41.31rpx;
}

 .user_leftname{
   font-size: 28rpx;

 }
 .user_lefteq{
   width: 200rpx;
   font-size: 26rpx;
   margin-top: 12rpx;
   color: #999999;
   white-space: nowrap; /* 不换行 */
   overflow: hidden; /* 超出部分隐藏 */
   text-overflow: ellipsis; /* 显示省略号 */
 }
 .equipment_2{
  width: 48%;
  background-color: #ffffff;
  border-radius: 16rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rpx 20rpx;
  box-sizing: border-box;
 }
 .allocation_money{
  width: 100%;
display: flex;
align-items: center;
justify-content:space-between;
padding: 0rpx 40rpx;
margin-top: 20rpx;
overflow: hidden;
box-sizing: border-box;

}
 .allocation{
   width: 100%;
   height: 80rpx;
display: flex;
align-items: center;
justify-content:space-between;
padding: 0rpx 20rpx;
 overflow: hidden;
box-sizing: border-box;

 }
 .allocation_1{
   display: flex;
   font-size:13px;
   align-items: center;
 }
 .allocation_box{
   width: 100%;
   height: 300rpx;
  border-radius: 16rpx;
  background-color: #ffffff;
   padding: 10rpx 0rpx;
   box-sizing: border-box;
   margin-top: 20rpx;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);


 }
 .allocation_2{
   color: #999999;
   
 }
 .allocation_3_money{
   width: 160rpx;
   display: flex;
   justify-content: center;
 }
 .allocation_2_money{
  width: 100rpx;
 }
 .allocation_3{
   font-size: 14px;
 }
 .allocation_3_password{
  display: flex;
  align-items: center;
 }
 .content-container{
margin-top: 40rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
 }
 
 .ticon{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .ticonright{
   margin-right: 10rpx;
   font-size: 28rpx;
   font-weight: 500;
 }
 .contentadd{
  width: 100%;
  height: 100%;
  margin-top: 40rpx;
  padding: 0rpx 1rpx;
  box-sizing: border-box;
}
 .weui-input{
   width: 99%;
   height: 80rpx;
  border: 1rpx solid #cccccc;
  padding: 0rpx 10rpx;
  border-radius: 10rpx;
  box-sizing: border-box;
 }
 .input-example {
   width: 99%;
  --td-input-vertical-padding: 16rpx;
  background-color: var(--bg-color-demo);
 border: 1rpx solid #cccccc;
 border-radius: 12rpx;
 padding: 1rpx;
 margin-top: 40rpx;
 box-sizing: border-box;
}
.inputbox{
  width: 100%;
  margin-top: 20rpx;
  font-size: 26rpx;
  color: #cccccc;

}
.t-dialog__footer--full{
  padding: 44rpx 0 0;
}
button{
  padding: 0rpx;
  margin: 0rpx;
  font-size: 28rpx;
  background-color: #ffffff;
  border:0rpx solid #ffffff !important;
  border: none !important;
}
.allocation_31{
  width: 100%;
 font-size: 14px;
}
.contact-button {
  width: 100%;
  border: none !important;
  display: flex;
}
.login_imgae{
  width: 40rpx;
  height: 30rpx;
  margin-left: 20rpx;
}

.allocation_allocate{
  width: 140rpx;
  height: 180rpx;
  padding: 12rpx;
  color: #222222;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10rpx;
  /* background-color: #cccccc; */
  box-sizing: border-box;

}
.allocation_allocateimg{
  width: 100rpx;
  height: 100rpx;
  border-radius: 10rpx;
  background-color: #07c160;
  box-sizing: border-box;
background: rgba(7, 193, 96, 0.1);
display: flex;
align-items: center;
justify-content: center;
}
.allocation_box_more{
  display: flex;
  flex-direction: column;
  padding:10rpx;
  margin-top: 30rpx;
  border-radius: 16rpx;
  background-color: #ffffff;
   box-sizing: border-box;
  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
}
.allocation_box_allocate{
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;
 
}
.allocation_name{
   width: 100%;
   height: 60rpx;
   font-size: 26rpx;
   display: flex;
   align-items: center;
   justify-content: center;
}

.project{
  width: 100%;
  /* padding: 20rpx; */
  margin-top: 20rpx;
  /* background-color: #222222; */
  box-sizing: border-box;
  }
  .project_top1{
    display: flex;
    font-size:13px;
  } 

  .project_box{
    width: 100%;
    height: 300rpx;
    padding: 20rpx;
    margin-top: 20rpx;
    background-color: #ffffff;
    border-radius: 10rpx;
  box-sizing: border-box;
  }
  .project_title{
    font-size: 32rpx;
  }
  .project_top{
    margin-top: 20rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .project_right{
    font-size: 28rpx;
    color: #007545;
  }
  .project_name{
    margin-top: 20rpx;
  }
  /* index.js  */