popup-textarea.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* components/popup-textarea/popup-textarea.wxss */
  2. .scc-popup {
  3. position: fixed;
  4. left: 0;
  5. top: 0;
  6. right: 0;
  7. bottom: 0;
  8. width: 100%;
  9. height: 100%;
  10. background: rgba(0, 0, 0, 0.5);
  11. z-index: 999;
  12. }
  13. .scc-popup-container {
  14. position: absolute;
  15. left: 50%;
  16. top: 50%;
  17. width: 520rpx;
  18. border-radius: 8rpx;
  19. box-sizing: bordre-box;
  20. transform: translate(-50%, -50%);
  21. background: #fff;
  22. }
  23. .scc-popup-box {
  24. margin-top: 20rpx;
  25. padding: 0 20rpx;
  26. }
  27. .scc-popup-box view {
  28. padding: 20rpx 0;
  29. }
  30. .scc-popup-box textarea {
  31. width: calc(100% - 44rpx);
  32. height: 212rpx;
  33. border-radius: 8rpx;
  34. border: 2rpx solid rgba(238, 238, 238, 1);
  35. padding: 20rpx;
  36. }
  37. .scc-popup-btn {
  38. display: flex;
  39. justify-content: space-around;
  40. width: 100%;
  41. border-radius: 0 0 8rpx 8rpx;
  42. overflow: hidden;
  43. margin-top: 20rpx;
  44. }
  45. .scc-popup-btn text {
  46. display: flex;
  47. align-items: center;
  48. justify-content: center;
  49. width: 50%;
  50. height: 80rpx;
  51. border-top: 1rpx solid #eee;
  52. font-size: 28rpx;
  53. font-family: PingFangSC;
  54. font-weight: 300;
  55. line-height: 40px;
  56. }
  57. .scc-popup-btn .scc-btn-confirm {
  58. color: #0091ff;
  59. border-left: 1rpx solid #eee;
  60. }