.setup{ width: 100%; height: 100vh; background: linear-gradient(to bottom, #007544 -40%, #F0F5F5 40%,#F0F5F5 100%); box-sizing: border-box; overflow: hidden; } .title{ font-size: 36rpx; text-align: center; margin-top: 16rpx; } .log{ width: 100%; height: 440rpx; display: flex; justify-content: space-around; align-items: center; padding: 0rpx 30rpx; box-sizing: border-box; } .log_title{ font-size: 36rpx; line-height:72rpx; font-weight: 600; } .log_image{ width: 194rpx; height: 232rpx; } .log_bottom{ width: 100%; height: 100%; margin-top: -40rpx; border-radius: 40rpx; background-color: #fff; padding: 0rpx 40rpx; box-sizing: border-box; } .account_number{ width: 100%; padding-top: 100rpx; } .number{ margin-top: 40rpx; } .account{ font-size: 32rpx; } .weui-input{ flex: 1; height: 100rpx; } .password{ display: flex; align-items: center; font-size: 28rpx; margin-top: 10rpx; padding-bottom: 0rpx; border-bottom:1rpx #cccccc solid; } .login_imgae1{ margin-right: 20rpx; width: 40rpx; height: 40rpx; } .login_imgae{ width: 40rpx; height: 40rpx; margin-left: 20rpx; } .button_button{ margin-top: 100rpx; color: #fff; background-color: #007544; background-color: rgba(0,117,68, 0.3); /* 红色,50%透明度 */ } .agreement{ margin-top: 20rpx; display: flex; align-items: center; font-size: 28rpx; } .agreement_color{ color:#26B1A1; margin:0rpx 6rpx; } .t-radio__icon-dot::after{ background: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-primary-color-7, #26B1A1))) !important; } .t-radio__icon--checked { color: var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-primary-color-7, #26B1A1))) !important; } .t-radio__icon-dot{ border: 3px solid var(--td-radio-icon-checked-color, var(--td-brand-color, var(--td-primary-color-7, #26B1A1))) !important; } .t-radio--block{ padding: var(--td-radio-vertical-padding, 0rpx) !important; } /* index.wxss */ .radio-group { margin-bottom: 20px; } .radio-label { font-size: 16px; } .login-button { width: 100px; height: 40px; } /* 定义晃动动画 */ .container { display: flex; flex-direction: column; align-items: center; } .radio-group { margin-bottom: 20px; } .radio-label { font-size: 16px; } .login-button { width: 100px; height: 40px; } /* 定义晃动动画 */ @keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-10px); } 50% { transform: translateX(10px); } 75% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .shake { animation: shake 0.5s; }