.iot-footer { position: fixed; bottom: 0; z-index: 99; display: flex; align-items: baseline; width: 100%; height: 153rpx; background: #ffffff; box-shadow: 0rpx -3rpx 7rpx 1rpx rgba(173, 191, 207, 0.21); padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; .btn { width: 690rpx; height: 90rpx; background: #000; border-radius: 45rpx; color: #fff; line-height: 90rpx; text-align: center; margin: 21rpx 49rpx 42rpx 30rpx; font-size: 32rpx; } .text { display: flex; align-items: center; font-size: 32rpx; font-weight: bold; color: #000; } .btn-disable { background-color: #ccc !important; /* 设置按钮背景颜色为灰色 */ color: #fff !important; /* 设置按钮文字颜色为白色 */ border-color: #ccc !important; /* 设置按钮边框颜色为灰色 */ } .switch-btn-box { width: 100vw; display: flex; align-items: center; margin-top: 34rpx; .btn-item { height: 70rpx; display: flex; flex: 1; align-items: center; justify-content: center; .btn-icon { width: 36rpx; height: 36rpx; margin-right: 18rpx; } .btn-text { font-size: 32rpx; font-family: PingFang SC; font-weight: bold; color: #000000; } } .border-right { border-right: 1px solid #ddd; } .btn-disable { color: #fff !important; /* 设置按钮文字颜色为白色 */ border-color: #ccc !important; /* 设置按钮边框颜色为灰色 */ background-color: #fff !important; /* 设置按钮背景颜色为灰色 */ .btn-text { color: #ccc !important; /* 设置按钮文字颜色为白色 */ border-color: #ccc !important; /* 设置按钮边框颜色为灰色 */ background-color: #fff !important; /* 设置按钮背景颜色为灰色 */ } } } }