抖音小程序C端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

144 Zeilen
2.7 KiB

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