photo.module.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .phone {
  2. padding: 13px;
  3. .addPhone {
  4. color: var(--van-primary-text);
  5. border-color: #fff;
  6. border-radius: 10px;
  7. font-size: 16px;
  8. }
  9. }
  10. .phoneContainer {
  11. display: flex;
  12. justify-content: space-between;
  13. flex-wrap: wrap;
  14. .item {
  15. padding-top: 12px;
  16. .img {
  17. width: 170px;
  18. height: 170px;
  19. border-radius: 10px;
  20. overflow: hidden;
  21. }
  22. .default {
  23. display: flex;
  24. align-items: center;
  25. justify-content: center;
  26. background: #eaeaea;
  27. .defaultImg {
  28. width: 41px;
  29. }
  30. }
  31. .name {
  32. padding: 6px 0 4px;
  33. font-size: 16px;
  34. font-weight: 500;
  35. color: #333333;
  36. max-width: 168px;
  37. }
  38. .num {
  39. font-size: 12px;
  40. color: #777777;
  41. line-height: 17px;
  42. }
  43. }
  44. }
  45. .dialogTitle {
  46. i {
  47. display: inline-block;
  48. width: 4px;
  49. height: 14px;
  50. background: #ff8057;
  51. border-radius: 2px;
  52. margin-right: 6px;
  53. }
  54. text-align: left;
  55. font-size: 18px;
  56. font-weight: 500;
  57. color: #333333;
  58. line-height: 25px;
  59. padding: 20px 0 20px 25px;
  60. }
  61. .phoneName {
  62. background: #f2f2f2;
  63. border-radius: 10px;
  64. margin: 0 15px 30px;
  65. width: auto;
  66. }