抖音小程序C端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

141 lines
2.7 KiB

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