menu.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* components/menu/menu.wxss */
  2. .menu_box{
  3. position: fixed;
  4. bottom: 150rpx;
  5. right: 30rpx;
  6. /* background-color: red; */
  7. text-align: center;
  8. }
  9. .menu_main{
  10. top: 10rpx;
  11. width: 100rpx;
  12. height: auto;
  13. border-radius: 50%;
  14. display: flex;
  15. flex-direction: column;
  16. text-align: center;
  17. pointer-events: auto
  18. }
  19. .menu_bg .iconfont{
  20. color: #f94b0e;
  21. font-size: 50rpx;
  22. margin: 10rpx auto;
  23. }
  24. .menu_con{
  25. top: 10rpx;
  26. width: 100rpx;
  27. height: 100rpx;
  28. background-color: #f94b0e;
  29. border-radius: 50%;
  30. display: flex;
  31. box-shadow: 5rpx 5rpx 10rpx rgb(153, 153, 153);
  32. }
  33. .menu_img{
  34. margin-top: 10rpx;
  35. width: 50rpx;
  36. height: 50rpx;
  37. /* background-color: red; */
  38. }
  39. .menu_title{
  40. display: block;
  41. width: 100%;
  42. text-align: center;
  43. font-size: 30rpx;
  44. }
  45. .icon-jiahao{
  46. font-size: 50rpx;
  47. color: #fff;
  48. /* margin: auto; */
  49. position: absolute;bottom:10rpx;left:50%;transform:translate(-50%,-50%);
  50. }
  51. .menu_bg{
  52. background: rgb(236, 235, 235);
  53. padding-bottom: 60rpx;
  54. margin-bottom: -50rpx;
  55. padding-top: 20rpx;
  56. border-top-left-radius: 50rpx;
  57. border-top-right-radius: 50rpx;
  58. }
  59. .menu_bg .menu_main{
  60. margin-bottom: 20rpx;
  61. }