index.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .container {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. .goods-img {
  6. width: 90%;
  7. }
  8. .color-diamond, .bulk-diamond, .single-diamond, .bulk-workblank-diamond, .jewelry-diamond {
  9. display: flex;
  10. flex-direction: column;
  11. width: 100%;
  12. margin-top: 10px;
  13. background-color: #eee;
  14. view:nth-child(1) {
  15. margin-top: 0px;
  16. }
  17. view:nth-child(2) {
  18. margin-bottom: 10px;
  19. }
  20. .color-diamond-shape, .color-diamond-type, .bulk-diamond-type, .bulk-diamond-shape, .single-diamond-type, .single-diamond-shape, .bulk-workblank-diamond-type, .bulk-workblank-diamond-shape, .jewelry-diamond-shape, .jewelry-diamond-type {
  21. padding-bottom: 10px;
  22. display: flex;
  23. flex-direction: column;
  24. padding-left: 2.5%;
  25. width: 100%;
  26. background-color: white;
  27. margin-top: 10px;
  28. view {
  29. display: flex;
  30. flex-direction: row;
  31. justify-content: space-between;
  32. text:nth-child(2) {
  33. width: 40%;
  34. }
  35. text {
  36. font-size: 15px;
  37. color: #333;
  38. padding-top: 7.5px;
  39. text-align: left;
  40. }
  41. }
  42. }
  43. }
  44. .seller-info {
  45. display: flex;
  46. flex-direction: column;
  47. justify-content: space-between;
  48. width: 95%;
  49. margin-top: 10px;
  50. text {
  51. padding-top: 7.5px;
  52. font-size: 15px;
  53. color: #333;
  54. }
  55. }
  56. van-button {
  57. margin-top: 20px;
  58. }
  59. }