.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 */