index.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. .editor_toolbox {
  2. position: absolute;
  3. top: 0;
  4. width: 100%;
  5. height: 80rpx;
  6. z-index: 999;
  7. background-color: #EDEDED;
  8. display: flex;
  9. justify-content:space-around;
  10. align-items: center;
  11. padding: 5px;
  12. box-sizing: border-box;
  13. line-height: 1.6;
  14. }
  15. /* 模态框 */
  16. .modal {
  17. position: fixed;
  18. top: 50%;
  19. left: 16px;
  20. right: 16px;
  21. background-color: #fff;
  22. border-radius: 12px;
  23. transform: translateY(-50%);
  24. }
  25. .modal_title {
  26. padding: 32px 24px 16px;
  27. font-size: 17px;
  28. font-weight: 700;
  29. text-align: center;
  30. }
  31. .modal_input {
  32. display: block;
  33. padding: 5px;
  34. margin: 0 24px 32px 24px;
  35. font-size: 14px;
  36. border: 1px solid #dfe2e5;
  37. }
  38. .modal_foot {
  39. display: flex;
  40. line-height: 56px;
  41. font-weight: 700;
  42. border-top: 1px solid rgba(0, 0, 0, .1);
  43. }
  44. .modal_button {
  45. flex: 1;
  46. text-align: center;
  47. }
  48. /* 蒙版 */
  49. .mask {
  50. position: fixed;
  51. top: 0;
  52. right: 0;
  53. bottom: 0;
  54. left: 0;
  55. background-color: black;
  56. opacity: 0.5;
  57. }
  58. .back {
  59. width: 150rpx;
  60. }
  61. .image {
  62. width: 30rpx;
  63. height: 30rpx;
  64. }