wallpaper.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .img_section {
  2. margin-top: 32rpx;
  3. margin-left: 170rpx;
  4. width: 400rpx;
  5. position: relative;
  6. align-items: center;
  7. justify-content: center;
  8. }
  9. .select_img {
  10. width: 400rpx;
  11. height: 400rpx;
  12. border-radius: 16rpx;
  13. background-color: #F2F5F7;
  14. overflow: hidden;
  15. }
  16. .canvas_img {
  17. width: 400rpx;
  18. height: 400rpx;
  19. border-radius: 16rpx;
  20. background-color: #F2F5F7;
  21. overflow: hidden;
  22. }
  23. .select_icon {
  24. position: absolute;
  25. width: 56rpx;
  26. height: 56rpx;
  27. bottom: 32rpx;
  28. right: 32rpx;
  29. z-index: 1;
  30. }
  31. .grid-container {
  32. margin-top: 32rpx;
  33. display: grid;
  34. grid-template-columns: repeat(2, 1fr);
  35. grid-gap: 32rpx;
  36. margin-inline: 32rpx;
  37. }
  38. .device_img {
  39. width: 320rpx;
  40. height: 240rpx;
  41. border-radius: 16rpx;
  42. }
  43. .footer {
  44. position: fixed;
  45. bottom: 0;
  46. left: 0;
  47. right: 0;
  48. display: flex;
  49. width: 750rpx;
  50. height: 170rpx;
  51. background: #FFFFFF;
  52. box-shadow: 0rpx -4rpx 16rpx 0rpx #E8EAEB;
  53. border-radius: 72rpx 72rpx 0rpx 0rpx;
  54. justify-content: center;
  55. align-items: center;
  56. }
  57. .footer>image {
  58. margin-right: 8rpx;
  59. width: 48rpx;
  60. height: 48rpx;
  61. margin-top: -16rpx;
  62. }
  63. .footer>view {
  64. color: #6546A3;
  65. width: 128rpx;
  66. font-weight: Medium;
  67. font-size: 32rpx;
  68. margin-top: -16rpx;
  69. }