index.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .van-ellipsis {
  2. overflow: hidden;
  3. white-space: nowrap;
  4. text-overflow: ellipsis;
  5. }
  6. .van-multi-ellipsis--l2 {
  7. -webkit-line-clamp: 2;
  8. }
  9. .van-multi-ellipsis--l2,
  10. .van-multi-ellipsis--l3 {
  11. display: -webkit-box;
  12. overflow: hidden;
  13. text-overflow: ellipsis;
  14. -webkit-box-orient: vertical;
  15. }
  16. .van-multi-ellipsis--l3 {
  17. -webkit-line-clamp: 3;
  18. }
  19. .van-clearfix:after {
  20. display: table;
  21. clear: both;
  22. content: '';
  23. }
  24. .van-hairline,
  25. .van-hairline--bottom,
  26. .van-hairline--left,
  27. .van-hairline--right,
  28. .van-hairline--surround,
  29. .van-hairline--top,
  30. .van-hairline--top-bottom {
  31. position: relative;
  32. }
  33. .van-hairline--bottom:after,
  34. .van-hairline--left:after,
  35. .van-hairline--right:after,
  36. .van-hairline--surround:after,
  37. .van-hairline--top-bottom:after,
  38. .van-hairline--top:after,
  39. .van-hairline:after {
  40. position: absolute;
  41. box-sizing: border-box;
  42. -webkit-transform-origin: center;
  43. transform-origin: center;
  44. content: ' ';
  45. pointer-events: none;
  46. top: -50%;
  47. right: -50%;
  48. bottom: -50%;
  49. left: -50%;
  50. border: 0 solid #eee;
  51. -webkit-transform: scale(0.5);
  52. transform: scale(0.5);
  53. }
  54. .van-hairline--top:after {
  55. border-top-width: 1px;
  56. }
  57. .van-hairline--left:after {
  58. border-left-width: 1px;
  59. }
  60. .van-hairline--right:after {
  61. border-right-width: 1px;
  62. }
  63. .van-hairline--bottom:after {
  64. border-bottom-width: 1px;
  65. }
  66. .van-hairline--top-bottom:after {
  67. border-width: 1px 0;
  68. }
  69. .van-hairline--surround:after {
  70. border-width: 1px;
  71. }