index.wxss 805 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .wux-notification {
  2. position: absolute;
  3. top: -2rem;
  4. right: 0;
  5. left: 0;
  6. z-index: 9999;
  7. width: 100%;
  8. min-height: 4rem;
  9. padding-top: 2rem;
  10. font-size: .8rem;
  11. color: #fff;
  12. background-color: rgba(0,0,0,.85)
  13. }
  14. .wux-notification__content {
  15. display: flex;
  16. padding: .3rem .6rem 1rem .6rem;
  17. align-items: flex-start
  18. }
  19. .wux-notification__hd {
  20. width: 1rem;
  21. height: 1rem
  22. }
  23. .wux-notification__image {
  24. width: 100%;
  25. height: 100%
  26. }
  27. .wux-notification__bd {
  28. width: 100%;
  29. margin: 0 .4rem
  30. }
  31. .wux-notification__title {
  32. font-weight: 700
  33. }
  34. .wux-notification__text {
  35. line-height: 1
  36. }
  37. .wux-notification__ft {
  38. position: absolute;
  39. bottom: .2rem;
  40. left: 50%;
  41. width: 2rem;
  42. height: .3rem;
  43. background: #fff;
  44. border-radius: .15rem;
  45. opacity: .5;
  46. transform: translate3d(-50%,0,0)
  47. }