index.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. @import "./config.scss";
  2. @import "./common.scss";
  3. // 定义通用样式
  4. page {
  5. background-color: #f4f2f2;
  6. }
  7. view {
  8. color: $main-font;
  9. }
  10. .container {
  11. overflow: hidden;
  12. }
  13. .flex {
  14. display: flex;
  15. }
  16. .t-border::before {
  17. content: '';
  18. margin: 0px;
  19. border-bottom: 1px solid rgb(214, 215, 217);
  20. width: 100%;
  21. transform: scaleY(0.5);
  22. border-top-color: rgb(214, 215, 217);
  23. border-right-color: rgb(214, 215, 217);
  24. border-left-color: rgb(214, 215, 217);
  25. }
  26. .b-border::after {
  27. content: '';
  28. margin: 0px;
  29. border-bottom: 1px solid rgb(214, 215, 217);
  30. width: 100%;
  31. transform: scaleY(0.5);
  32. border-top-color: rgb(214, 215, 217);
  33. border-right-color: rgb(214, 215, 217);
  34. border-left-color: rgb(214, 215, 217);
  35. }
  36. .ellipsis {
  37. white-space: nowrap;
  38. overflow: hidden;
  39. text-overflow: ellipsis;
  40. }
  41. .ellipsis-2 {
  42. overflow: hidden;
  43. text-overflow: ellipsis;
  44. display: -webkit-box;
  45. -webkit-line-clamp: 2;
  46. -webkit-box-orient: vertical;
  47. }
  48. .ellipsis-3 {
  49. overflow: hidden;
  50. text-overflow: ellipsis;
  51. display: -webkit-box;
  52. -webkit-line-clamp: 3;
  53. -webkit-box-orient: vertical;
  54. }