customized.wxss 939 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. @import './fonticon.wxss';
  2. .iconfont {
  3. font-family: "iconfont" !important;
  4. font-size: 36rpx;
  5. font-style: normal;
  6. -webkit-font-smoothing: antialiased;
  7. -moz-osx-font-smoothing: grayscale;
  8. }
  9. /* 通用 */
  10. /* page{
  11. background: #fff;
  12. } */
  13. .auto{
  14. margin:0 20rpx;
  15. }
  16. /* flex布局 */
  17. .f-box{
  18. display: flex;
  19. display: -webkit-flex; /* Safari */
  20. }
  21. .f-right{
  22. flex-direction:row-reverse
  23. }
  24. .f-item {
  25. flex-grow: 1; /* default 0 */
  26. }
  27. /* color */
  28. .c-green{
  29. color:#00af66
  30. }
  31. .c-orange{
  32. color:#e8976a;
  33. }
  34. .c-white{
  35. color:white
  36. }
  37. .c-black{
  38. color:black;
  39. }
  40. .bg-orange{
  41. color:#e8976a;
  42. }
  43. .bg-green{
  44. background:#00af66;
  45. }
  46. /* 通用样式 */
  47. .t-right{
  48. text-align: right
  49. }
  50. .f-s32{
  51. font-size:32rpx;
  52. }
  53. .f-s36{
  54. font-size:36rpx;
  55. }
  56. .mar-l20{
  57. margin-left:20rpx;
  58. }
  59. .mar-t20{
  60. margin-top:20rpx;
  61. }
  62. .mar-b20{
  63. margin-bottom:20rpx;
  64. }
  65. .mar-r20{
  66. margin-right:20rpx;
  67. }