uni-popup-dialog.wxss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用
  6. */
  7. .uni-popup-dialog {
  8. width: 300px;
  9. border-radius: 11px;
  10. background-color: #fff;
  11. }
  12. .uni-dialog-title {
  13. display: flex;
  14. flex-direction: row;
  15. justify-content: center;
  16. padding-top: 25px;
  17. }
  18. .uni-dialog-title-text {
  19. font-size: 16px;
  20. font-weight: 500;
  21. }
  22. .uni-dialog-content {
  23. display: flex;
  24. flex-direction: row;
  25. justify-content: center;
  26. align-items: center;
  27. padding: 20px;
  28. }
  29. .uni-dialog-content-text {
  30. font-size: 14px;
  31. color: #6C6C6C;
  32. }
  33. .uni-dialog-button-group {
  34. display: flex;
  35. flex-direction: row;
  36. border-top-color: #f5f5f5;
  37. border-top-style: solid;
  38. border-top-width: 1px;
  39. }
  40. .uni-dialog-button {
  41. display: flex;
  42. flex: 1;
  43. flex-direction: row;
  44. justify-content: center;
  45. align-items: center;
  46. height: 45px;
  47. }
  48. .uni-border-left {
  49. border-left-color: #f0f0f0;
  50. border-left-style: solid;
  51. border-left-width: 1px;
  52. }
  53. .uni-dialog-button-text {
  54. font-size: 16px;
  55. color: #333;
  56. }
  57. .uni-button-color {
  58. color: #007aff;
  59. }
  60. .uni-dialog-input {
  61. flex: 1;
  62. font-size: 14px;
  63. border: 1px #eee solid;
  64. height: 40px;
  65. padding: 0 10px;
  66. border-radius: 5px;
  67. color: #555;
  68. }
  69. .uni-popup__success {
  70. color: #4cd964;
  71. }
  72. .uni-popup__warn {
  73. color: #f0ad4e;
  74. }
  75. .uni-popup__error {
  76. color: #dd524d;
  77. }
  78. .uni-popup__info {
  79. color: #909399;
  80. }