common.scss 905 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. // 超出一行
  2. .one-line-text {
  3. display: -webkit-box;
  4. -webkit-box-orient: vertical;
  5. -webkit-line-clamp: 1;
  6. overflow: hidden;
  7. }
  8. // 超出两行
  9. .tow-line-text {
  10. display: -webkit-box;
  11. -webkit-box-orient: vertical;
  12. -webkit-line-clamp: 2;
  13. overflow: hidden;
  14. text-overflow: ellipsis;
  15. }
  16. /* #ifndef APP-NVUE */
  17. image {
  18. display: inline-block;
  19. }
  20. view, text {
  21. box-sizing: border-box;
  22. }
  23. /* #endif */
  24. .flex {
  25. display: flex;
  26. align-items: center;
  27. flex-direction: row;
  28. }
  29. .flex-col {
  30. flex-direction: column;
  31. }
  32. // 底部操作栏
  33. .footer-bar {
  34. position: fixed;
  35. left: 0;
  36. right: 0;
  37. bottom: 0;
  38. z-index: 1;
  39. background-color: #fff;
  40. padding: 20rpx 24rpx;
  41. box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05);
  42. padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
  43. padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
  44. display: flex;
  45. align-items: center;
  46. justify-content: space-between;
  47. }