menu.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. }
  18. .menu_bg .iconfont{
  19. color: #f94b0e;
  20. font-size: 50rpx;
  21. margin: 10rpx auto;
  22. }
  23. .menu_con{
  24. top: 10rpx;
  25. width: 100rpx;
  26. height: 100rpx;
  27. background-color: #f94b0e;
  28. border-radius: 50%;
  29. display: flex;
  30. box-shadow: 5rpx 5rpx 10rpx rgb(153, 153, 153);
  31. }
  32. .menu_img{
  33. margin-top: 10rpx;
  34. width: 50rpx;
  35. height: 50rpx;
  36. /* background-color: red; */
  37. }
  38. .menu_title{
  39. display: block;
  40. width: 100%;
  41. text-align: center;
  42. font-size: 30rpx;
  43. }
  44. .icon-jiahao{
  45. font-size: 50rpx;
  46. color: #fff;
  47. margin: auto;
  48. }
  49. .menu_bg{
  50. background: rgb(236, 235, 235);
  51. padding-bottom: 60rpx;
  52. margin-bottom: -50rpx;
  53. padding-top: 20rpx;
  54. border-top-left-radius: 50rpx;
  55. border-top-right-radius: 50rpx;
  56. }
  57. .menu_bg .menu_main{
  58. margin-bottom: 20rpx;
  59. }