抖音b端
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

141 行
2.2 KiB

  1. @import '../../iconfont.ttss';
  2. .write0ff {
  3. width: 100%;
  4. height: 100%;
  5. background: #f8f8fa;
  6. position: absolute;
  7. border-top: 1rpx solid #f5f5f5;
  8. }
  9. .write0ff>view {
  10. width: 710rpx;
  11. margin: 0 auto;
  12. height: 160rpx;
  13. display: flex;
  14. line-height: 88rpx;
  15. position: relative;
  16. background: #fff;
  17. margin-top: 250rpx;
  18. box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  19. border-radius: 15rpx;
  20. }
  21. .write0ff>view>text:nth-child(1) {
  22. width: 77rpx;
  23. color: #333;
  24. font-size: 30rpx;
  25. margin-left: 4%;
  26. margin-right: 2.2%;
  27. line-height: 160rpx;
  28. }
  29. .line {
  30. width: 3rpx;
  31. height: 40rpx;
  32. background: #999;
  33. display: inline-block;
  34. margin-top: 8.2%;
  35. }
  36. .search {
  37. width: 400rpx;
  38. overflow: hidden;
  39. margin-left: 4%;
  40. font-size: 30rpx;
  41. color: #bfbfbf;
  42. letter-spacing: 0;
  43. line-height: 160rpx;
  44. height: 160rpx;
  45. }
  46. .iconfont{
  47. display: inline-block;
  48. width: 110rpx;
  49. line-height: 110rpx;
  50. height: 110rpx;
  51. color: #fff;
  52. background: #52A0FD;
  53. font-size: 60rpx;
  54. border-radius: 100rpx;
  55. margin-right: 20rpx;
  56. margin-top: 27rpx;
  57. box-shadow:0 6px 20px 0 ;
  58. }
  59. .write0ff>view>text:nth-child(4) {
  60. width: 40%;
  61. background: #52a0fd;
  62. color: #fff;
  63. text-align: center;
  64. line-height: 160rpx;
  65. font-size: 59rpx;
  66. border-radius: 16rpx;
  67. }
  68. .actives{
  69. opacity: .6!important;
  70. }
  71. .softkey {
  72. width: 100% !important;
  73. height: 0rpx !important;
  74. display: flex !important;
  75. }
  76. .softkey view:nth-child(1) {
  77. height: 401rpx;
  78. width: 82%;
  79. background: #fff;
  80. position: fixed;
  81. bottom: 0;
  82. left: 0;
  83. display: flex;
  84. flex-wrap: wrap;
  85. text-align: center;
  86. }
  87. .active {
  88. opacity: 0.6;
  89. }
  90. .softkey view:nth-child(1) text {
  91. width: 30.3%;
  92. border-top: 1rpx solid #ccc;
  93. border-left: 1rpx solid #ccc;
  94. }
  95. .softkey view:nth-child(2) {
  96. height: 399rpx;
  97. border-top: 1rpx solid #ccc;
  98. width: 25%;
  99. background: #fff;
  100. position: fixed;
  101. bottom: 0;
  102. right: 0;
  103. display: flex;
  104. flex-direction: column;
  105. text-align: center;
  106. line-height: 198rpx;
  107. }
  108. .softkey view:nth-child(2) text {
  109. width: 100%;
  110. height: 50%;
  111. border-left: 1rpx solid #ccc;
  112. }
  113. .softkey view:nth-child(2) text:nth-child(1) {
  114. font-size: 48rpx;
  115. }
  116. .sure {
  117. width: 100%;
  118. padding: 0 5rpx;
  119. display: block;
  120. background: #52a0fd;
  121. color: #fff;
  122. font-size: 42rpx;
  123. }
  124. .hideKey {
  125. font-size: 48rpx;
  126. }