checkInShare.wxss 879 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .container {
  2. padding: 20rpx;
  3. text-align: center;
  4. }
  5. .avatar {
  6. width: 200rpx;
  7. height: 200rpx;
  8. margin: 20rpx auto;
  9. border-radius: 50%;
  10. overflow: hidden;
  11. }
  12. .avatar image {
  13. width: 100%;
  14. height: 100%;
  15. }
  16. .nickname-wrapper {
  17. display: flex;
  18. justify-content: center;
  19. align-items: center;
  20. margin: 20rpx 0;
  21. }
  22. .input-wrapper {
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. margin: 10rpx 0;
  27. }
  28. .input-box {
  29. width: 60%; /* 调整输入框宽度 */
  30. padding: 10rpx;
  31. border: 1rpx solid #E7624F;
  32. border-radius: 10rpx;
  33. margin-right: 10rpx;
  34. }
  35. .save-button,
  36. .get-code-button {
  37. /* 调整按钮的宽度和内边距 */
  38. width: 20%;
  39. padding: 10rpx 15rpx;
  40. border: 1rpx solid #E7624F;
  41. border-radius: 10rpx;
  42. background-color: #E7624F;
  43. color: white;
  44. font-size: 24rpx; /* 调整字体大小 */
  45. }
  46. button {
  47. margin-top: 20rpx;
  48. }