C端小程序
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

133 rader
2.3 KiB

  1. /* @import "weui.wxss"; */
  2. @font-face {
  3. font-family: "iconfont"; /* project id 777313 */
  4. src: url("//at.alicdn.com/t/font_777313_jq7td4d3uab.eot");
  5. src: url("//at.alicdn.com/t/font_777313_jq7td4d3uab.eot?#iefix")
  6. format("embedded-opentype"),
  7. url("//at.alicdn.com/t/font_777313_jq7td4d3uab.woff") format("woff"),
  8. url("//at.alicdn.com/t/font_777313_jq7td4d3uab.ttf") format("truetype"),
  9. url("//at.alicdn.com/t/font_777313_jq7td4d3uab.svg#iconfont") format("svg");
  10. }
  11. .iconfont {
  12. font-family: "iconfont" !important;
  13. font-size: 36rpx;
  14. font-style: normal;
  15. -webkit-font-smoothing: antialiased;
  16. -webkit-text-stroke-width: 0.2rpx;
  17. -moz-osx-font-smoothing: grayscale;
  18. }
  19. .clearfix:after {
  20. content: ".";
  21. display: block;
  22. height: 0;
  23. clear: both;
  24. visibility: hidden;
  25. }
  26. /* 定位 */
  27. .icon-dingweib:before {
  28. content: "\e652";
  29. }
  30. /* 三角 */
  31. .icon-choose:before {
  32. content: "\e601";
  33. }
  34. /* 右箭头 */
  35. .icon-right:before {
  36. content: "\e612";
  37. }
  38. /* 边框 */
  39. .app-border-top,
  40. .app-border-bottom {
  41. position: relative;
  42. width: 100%;
  43. }
  44. .app-border-top::after,
  45. .app-border-bottom::after {
  46. content: "";
  47. position: absolute;
  48. background-color: #ddd;
  49. display: block !important;
  50. z-index: 1;
  51. top: auto;
  52. right: auto;
  53. width: 100%;
  54. height: 1rpx;
  55. transform-origin: 50% 100%;
  56. transform: scaleY(0.5);
  57. }
  58. .app-border-top:last-child:after,
  59. .app-border-bottom:last-child::after {
  60. display: none !important;
  61. }
  62. .app-border-top::after {
  63. top: 0;
  64. }
  65. .app-border-bottom::after {
  66. bottom: 0;
  67. }
  68. .app-border-left,
  69. .app-border-right {
  70. position: relative;
  71. height: 100%;
  72. }
  73. .app-border-left::before,
  74. .app-border-right::before {
  75. content: "";
  76. position: absolute;
  77. background-color: #ddd;
  78. display: block;
  79. z-index: 1;
  80. top: 0;
  81. bottom: 0;
  82. height: 100%;
  83. width: 1rpx;
  84. transform-origin: 50% 100%;
  85. transform: scaleX(0.5);
  86. }
  87. .app-border-left::before {
  88. left: 0;
  89. }
  90. .app-border-right::before {
  91. right: 0;
  92. }
  93. view,
  94. text {
  95. font-family: PingFangSC-Regular;
  96. }
  97. page {
  98. width: 100%;
  99. min-height: 100vh;
  100. font-weight: 400;
  101. padding-bottom: 160rpx;
  102. background: #F4F5F9;
  103. }
  104. .fl{
  105. float: left;
  106. }
  107. .fr{
  108. float: right;
  109. }
  110. .canWrap{
  111. position: fixed;
  112. bottom: -20000rpx;
  113. left: -2000rpx;
  114. width: 100%;
  115. height: 100%;
  116. overflow: visible;
  117. }
  118. .canWrap canvas{
  119. width: 690rpx;
  120. height: 450rpx;
  121. }