timeaxis-item.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .tui-timeaxis-item.data-v-0cd57f2d {
  21. position: relative;
  22. width: 100%;
  23. display: -webkit-box;
  24. display: -webkit-flex;
  25. display: flex;
  26. -webkit-box-pack: center;
  27. -webkit-justify-content: center;
  28. justify-content: center;
  29. -webkit-box-orient: vertical;
  30. -webkit-box-direction: normal;
  31. -webkit-flex-direction: column;
  32. flex-direction: column;
  33. /* margin-bottom: 50upx; */
  34. }
  35. .tui-node.data-v-0cd57f2d {
  36. position: absolute;
  37. top: 0;
  38. left: -20rpx;
  39. /* padding: 3upx 0; */
  40. -webkit-transform-origin: 0;
  41. transform-origin: 0;
  42. -webkit-transform: translateX(-50%);
  43. transform: translateX(-50%);
  44. display: -webkit-box;
  45. display: -webkit-flex;
  46. display: flex;
  47. -webkit-box-align: center;
  48. -webkit-align-items: center;
  49. align-items: center;
  50. -webkit-box-pack: center;
  51. -webkit-justify-content: center;
  52. justify-content: center;
  53. z-index: 99;
  54. background: #D8D8D8;
  55. font-size: 24rpx;
  56. }
  57. .tui-node-small.data-v-0cd57f2d {
  58. width: 16rpx !important;
  59. height: 16rpx !important;
  60. border-radius: 50%;
  61. }