index.scss 1.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. .components.FixedCard {
  2. transition: width .2s ease-out;
  3. -webkit-transition: width .2s ease-out;
  4. position: fixed;
  5. right: 0;
  6. background: #fff;
  7. box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.03);
  8. z-index: 200;
  9. padding: 20px 30px;
  10. bottom: 206px;
  11. font-size: 0;
  12. white-space: nowrap;
  13. border-radius: 94px 0 0 94px;
  14. box-sizing: border-box;
  15. width: 222rpx;
  16. &.spread {
  17. width: 452rpx;
  18. }
  19. >view {
  20. display: inline-block;
  21. vertical-align: middle;
  22. &.Icon {
  23. width: 54px;
  24. height: 54px;
  25. position: relative;
  26. overflow: hidden;
  27. border-radius: 100%;
  28. background: #eee;
  29. >image {
  30. width: 100%;
  31. height: 100%;
  32. }
  33. }
  34. &.Name {
  35. margin-left: 20px;
  36. >text {
  37. font-size: 28px;
  38. font-weight: bold;
  39. white-space: nowrap;
  40. line-height: 32px;
  41. display: block;
  42. // &:last-child {
  43. // font-weight: normal;
  44. // font-size: 20px;
  45. // line-height: 1;
  46. // color: #202020;
  47. // }
  48. }
  49. }
  50. }
  51. >text {
  52. display: inline-block;
  53. vertical-align: middle;
  54. font-size: 32px;
  55. &.Btn {
  56. font-size: 48px;
  57. margin-left: 30px;
  58. color: #1A3B83;
  59. &.icon-liaotian {
  60. font-size: 52px;
  61. }
  62. &.icon-guanbi {
  63. color: #333;
  64. }
  65. }
  66. }
  67. }