location.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. page,
  12. page {
  13. height: 100%;
  14. width: 100%;
  15. background-color: #fff;
  16. }
  17. .content {
  18. height: 100%;
  19. width: 100%;
  20. background-color: #fff;
  21. }
  22. .trapezoid {
  23. z-index: 199;
  24. margin-top: -30rpx;
  25. display: -webkit-box;
  26. display: -webkit-flex;
  27. display: flex;
  28. -webkit-box-pack: center;
  29. -webkit-justify-content: center;
  30. justify-content: center;
  31. }
  32. .trapezoid .box {
  33. z-index: 199;
  34. border-bottom: 32rpx solid #FFFFFF;
  35. border-left: 30rpx solid transparent;
  36. border-right: 30rpx solid transparent;
  37. width: 170rpx;
  38. display: -webkit-box;
  39. display: -webkit-flex;
  40. display: flex;
  41. -webkit-box-pack: center;
  42. -webkit-justify-content: center;
  43. justify-content: center;
  44. -webkit-box-orient: vertical;
  45. -webkit-box-direction: normal;
  46. -webkit-flex-direction: column;
  47. flex-direction: column;
  48. }
  49. .trapezoid .line {
  50. z-index: 200;
  51. display: -webkit-box;
  52. display: -webkit-flex;
  53. display: flex;
  54. -webkit-box-orient: vertical;
  55. -webkit-box-direction: normal;
  56. -webkit-flex-direction: column;
  57. flex-direction: column;
  58. -webkit-box-align: center;
  59. -webkit-align-items: center;
  60. align-items: center;
  61. margin-top: 16rpx;
  62. margin-left: -118rpx;
  63. }
  64. .trapezoid .line .line01 {
  65. border-radius: 4rpx;
  66. width: 50rpx;
  67. height: 4rpx;
  68. background-color: #AFB0BD;
  69. }
  70. .trapezoid .line .line02 {
  71. border-radius: 4rpx;
  72. margin-top: 8rpx;
  73. width: 72rpx;
  74. height: 4rpx;
  75. background-color: #AFB0BD;
  76. }