editor.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. @import "../common/lib/weui.wxss";
  2. @import "./assets/iconfont.wxss";
  3. .container {
  4. position: absolute;
  5. top: 0;
  6. left: 0;
  7. width: 100%;
  8. background-color: #ffffff;
  9. }
  10. .ql-container {
  11. box-sizing: border-box;
  12. width: 100%;
  13. height: 100%;
  14. font-size: 16px;
  15. line-height: 1.5;
  16. overflow: auto;
  17. padding: 10px 10px 20px 10px;
  18. border: 1px solid #ECECEC;
  19. }
  20. .ql-active {
  21. color: #22C704;
  22. }
  23. .iconfont {
  24. display: inline-block;
  25. width: 30px;
  26. height: 30px;
  27. cursor: pointer;
  28. font-size: 20px;
  29. }
  30. .toolbar {
  31. box-sizing: border-box;
  32. padding: 0 10px;
  33. height: 50px;
  34. width: 100%;
  35. position: fixed;
  36. left: 0;
  37. right: 100%;
  38. bottom: 0;
  39. display: flex;
  40. align-items: center;
  41. justify-content: space-between;
  42. border: 1px solid #ECECEC;
  43. border-left: none;
  44. border-right: none;
  45. }
  46. /* 按钮 */
  47. .checkbox_but {
  48. width: 100vw;
  49. margin: 70vh 0 80rpx 0;
  50. box-sizing: border-box;
  51. }
  52. .checkbox_but>view {
  53. position: absolute;
  54. width: 188rpx;
  55. height: 64rpx;
  56. background: #4EBFCF;
  57. border-radius: 14rpx;
  58. right: 60rpx;
  59. overflow: hidden;
  60. }
  61. .customClass {
  62. width: 100% !important;
  63. height: 100% !important;
  64. }