index.tyss 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. page {background-color: #F6F7F8;}
  2. .connectdevice_bg {position: fixed;width: 750rpx;height: 600rpx;background: url(/assets/images/xian/connectdevice_bg.png) no-repeat center;background-size: cover;top: -176rpx;}
  3. .connectdevice {padding: 24rpx;box-sizing: border-box;position: relative;}
  4. .connectdevice .connectdevice_head {margin-top: 50rpx;margin-bottom: 299rpx;}
  5. .connectdevice .connectdevice_head .connectdevice_title {font-family: PingFang SC, PingFang SC;font-weight: 500;font-size: 54rpx;color: #150132;text-align: left;font-style: normal;text-transform: none;}
  6. .connectdevice .connectdevice_head .connectdevice_text {margin-top: 24rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #666666;text-align: left;font-style: normal;text-transform: none;padding-right: 261rpx;box-sizing: border-box;}
  7. .connectdevice .connectdevice_content {display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
  8. .connectdevice .connectdevice_content .connectdevice_img {width: 160rpx;padding-top: 160rpx;border: 1px dashed #cccccc;}
  9. .connectdevice .connectdevice_content .connectdevice_progress {font-family: PingFang SC, PingFang SC;font-weight: 600;font-size: 54rpx;color: #88C161;text-align: left;font-style: normal;text-transform: none;padding: 40rpx;box-sizing: border-box;}
  10. .connectdevice .connectdevice_content .connectdevice_state {font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 32rpx;color: #150132;text-align: center;font-style: normal;text-transform: none;}
  11. .connectdevice .connectdevice_content .connectdevice_tip {margin-top: 16rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 24rpx;color: #999999;text-align: center;font-style: normal;text-transform: none;}
  12. .connectdevice .connectdevice_content .connectdevice_button {display: none;margin-top: 402rpx;width: 600rpx;height: 100rpx;line-height: 100rpx;background: #EE742F;box-shadow: 0rpx 10rpx 20rpx 1rpx rgba(238,116,47,0.5);border-radius: 50rpx;font-family: PingFang SC, PingFang SC;font-weight: 400;font-size: 36rpx;color: #FFFFFF;text-align: center;font-style: normal;text-transform: none;}
  13. .connectdevice.error .connectdevice_content .connectdevice_progress {height: 80rpx;}
  14. .connectdevice.error .connectdevice_content .connectdevice_state {font-weight: 500;color: #EE742F;}
  15. .connectdevice.error .connectdevice_content .connectdevice_button {display: block;}
  16. .connectdevice.scaning .connectdevice_head {margin-bottom: 242rpx;}
  17. .connectdevice.scaning .connectdevice_content .connectdevice_img {width: 180rpx;padding-top: 180rpx;}
  18. .connectdevice.scaning .connectdevice_content .connectdevice_progress {padding: 30rpx;padding-bottom: 24rpx;}
  19. /* 设备 */
  20. .connectdevice.device .connectdevice_head {margin-bottom: 176rpx;}
  21. .connectdevice.device .connectdevice_content .connectdevice_img {width: 456rpx;padding-top: 456rpx;}
  22. .connectdevice.device .connectdevice_content .connectdevice_button {display: block;margin-top: 256rpx;}
  23. .connectdevice.device .connectdevice_content .connectdevice_progress {padding: 0rpx;}
  24. .connectdevice.unfound .connectdevice_head {margin-bottom: 242rpx;}
  25. .connectdevice.unfound .connectdevice_content .connectdevice_img {width: 180rpx;padding-top: 180rpx;}
  26. .connectdevice.unfound .connectdevice_content .connectdevice_progress {padding: 0rpx;}
  27. .connectdevice.unfound .connectdevice_content .connectdevice_state {margin-top: 60rpx;}
  28. .connectdevice.unfound .connectdevice_content .connectdevice_button {display: block;margin-top: 416rpx;}