model.wxss 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. .wx_dialog_container{
  2. width: 100%;
  3. height: 100%;
  4. }
  5. .wx-mask{
  6. position: absolute;
  7. z-index: 9999;
  8. top: 0;
  9. right: 0;
  10. left: 0;
  11. bottom: 0;
  12. background: rgba(0, 0, 0, 0.3);
  13. width: 100%;
  14. height: 100%;
  15. }
  16. .wx-dialog{
  17. position: fixed;
  18. z-index: 9999;
  19. top: 50%;
  20. left: 50%;
  21. -webkit-transform: translate(-50%, -50%);
  22. transform: translate(-50%, -50%);
  23. background-color: #FFFFFF;
  24. text-align: center;
  25. overflow: hidden;
  26. width:500rpx;
  27. /* height:250rpx; */
  28. background:rgba(255,255,255,1);
  29. border-radius:20rpx;
  30. display: flex;
  31. flex-direction: column;
  32. align-items: center;
  33. }
  34. .wx-dialog-content{
  35. height: 180rpx;
  36. display: flex;
  37. flex-direction: column;
  38. align-items: center;
  39. justify-content: center;
  40. font-size:28rpx;
  41. font-family:PingFang SC;
  42. font-weight:400;
  43. color:rgba(42,42,42,1);
  44. white-space: normal;
  45. width: 100%;
  46. }
  47. .wx-dialog-footer{
  48. display: flex;
  49. align-items: center;
  50. position: relative;
  51. height: 70rpx;
  52. font-size: 17px;
  53. width: 100%;
  54. border-top: 1rpx solid #D5D5D6;
  55. padding: 10rpx 0rpx;
  56. }
  57. .wx-dialog-footer::before{
  58. left: 0;
  59. top: 0;
  60. right: 0;
  61. height: 1px;
  62. border-top: 1rpx solid #D5D5D6;
  63. color: #D5D5D6;
  64. -webkit-transform-origin: 0 0;
  65. transform-origin: 0 0;
  66. -webkit-transform: scaleY(0.5);
  67. transform: scaleY(0.5);
  68. }
  69. .wx-dialog-btn{
  70. display: block;
  71. -webkit-flex: 1;
  72. flex: 1;
  73. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  74. position: relative;
  75. }
  76. .wx-dialog-footer .wx-dialog-btn:nth-of-type(1){
  77. color: #2A2A2A;
  78. }
  79. .wx-dialog-footer .wx-dialog-btn:nth-of-type(2){
  80. color: #18D5B9;
  81. }
  82. .wx-dialog-footer .wx-dialog-btn:nth-of-type(2):after{
  83. content: " ";
  84. position: absolute;
  85. left: 0;
  86. top: 0;
  87. width: 1px;
  88. bottom: 0;
  89. border-left: 2rpx solid #D5D5D6;
  90. color: #D5D5D6;
  91. -webkit-transform-origin: 0 0;
  92. transform-origin: 0 0;
  93. -webkit-transform: scaleX(0.5);
  94. transform: scaleX(0.5);
  95. }