z-modal.wxss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .mask {
  2. position: fixed;
  3. z-index: 98;
  4. background-color: rgba(0, 0, 0, .7);
  5. top: 0;
  6. left: 0;
  7. right: 0;
  8. bottom: 0;
  9. visibility: hidden;
  10. opacity: 0;
  11. transition: all .3s;
  12. }
  13. .modal-box {
  14. background-color: #FFFFFF;
  15. position: fixed;
  16. z-index: 99;
  17. border-radius: 12rpx;
  18. left: 50%;
  19. top: 50%;
  20. -webkit-transform: translate(-50%, -50%);
  21. transform: translate(-50%, -50%);
  22. }
  23. .modal-title {
  24. box-sizing: border-box;
  25. color: #333333;
  26. display: flex;
  27. align-items: center;
  28. justify-content: center;
  29. }
  30. .modal-content {
  31. box-sizing: border-box;
  32. color: #333333;
  33. word-break: break-all;
  34. display: flex;
  35. justify-content: center;
  36. }
  37. .model-bottom {
  38. display: flex;
  39. align-items: center;
  40. }
  41. .modal-btn {
  42. display: flex;
  43. align-items: center;
  44. justify-content: center;
  45. }
  46. .input-area{
  47. border: 1rpx solid #999;
  48. width: 100%;
  49. padding:0 16rpx;
  50. box-sizing: border-box;
  51. height: 60rpx;
  52. border-radius: 6rpx;
  53. outline: none;
  54. }
  55. textarea{
  56. border: 1rpx solid #999;
  57. width: 92%;
  58. padding:16rpx;
  59. box-sizing: border-box;
  60. border-radius: 6rpx;
  61. height: 200rpx;
  62. }