autoflow_wx/pages/setup/index.wxss

.setup{
  width: 100%;
  height: 100vh;
  background: linear-gradient(to bottom, #0F80DC -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: 28rpx;
  font-family: 600;

  height: 40rpx;
  padding: 4rpx 22rpx;
  border-radius: 100rpx; 
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #84b9e8;
  margin-left: 10rpx;
}

.user_roless{
  font-size: 28rpx;
  font-family: 600;
  height: 40rpx;
  padding: 4rpx 22rpx;
  border-radius: 100rpx; 
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #84b9e8;
  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: 0px 2px 10px 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{
   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{
  border-radius: 16rpx;
  background-color: #ffffff;
   padding: 10rpx 0rpx;
   box-sizing: border-box;
   margin-top: 30rpx;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);

 }
 .allocation_2{
   color: #999999;
   
 }
 .allocation_3{
   font-size: 14px;
 }
 .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;
}