connectBle.wxss 538 B

123456789101112131415161718192021222324252627282930313233
  1. /* pages/connectBle/connectBle.wxss */
  2. .container {
  3. position: relative;
  4. height: 100vh - 60rpx;
  5. }
  6. .device_pic {
  7. top: 200rpx;
  8. height: 200rpx;
  9. margin-inline: 100rpx;
  10. }
  11. .top_tips {
  12. top: 100rpx;
  13. margin-inline: 20rpx;
  14. color: white;
  15. font-size: 28rpx;
  16. text-align: center;
  17. }
  18. .connect_button {
  19. position: fixed;
  20. bottom: 100rpx;
  21. left: 60rpx;
  22. right: 60rpx;
  23. /* margin-inline: 60rpx; */
  24. color: white;
  25. text-align: center;
  26. padding: 10px 0;
  27. box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  28. border-radius: 16rpx;
  29. /* 添加阴影效果 */
  30. }