delete_modal.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <style>
  2. /*删除操作*/
  3. .com-del-box {
  4. position: unset;
  5. background: unset;
  6. margin: 0;
  7. }
  8. .com-del-box,.modal-content{
  9. height: 152px;
  10. width: 310px;
  11. border-radius: 0;
  12. outline: 0;
  13. /*overflow: hidden;*/
  14. }
  15. .modal-dialog{
  16. height: 152px;
  17. width: 310px;
  18. position: fixed;
  19. margin: -155px 0 0 -76px;
  20. top: 55%;
  21. left: 50%;
  22. }
  23. .com-del-box .title{
  24. height: 30px;
  25. background-color: #5078cb;
  26. text-align: right;
  27. padding-right: 15px;
  28. line-height: 30px;
  29. width: 99.5%;
  30. }
  31. .com-del-box .title a{
  32. color: white;
  33. font-size: 16px;
  34. }
  35. .com-del-box .content{
  36. width: 100%;
  37. text-align: center;
  38. margin: 0 auto;
  39. }
  40. .com-del-box .content p{
  41. line-height: 50px;
  42. font-size: 14px;
  43. padding-top: 10px;
  44. padding-bottom: 10px;
  45. }
  46. .com-del-box .content p i{
  47. color: #5078cb;
  48. font-size: 16px;
  49. margin-right: 10px;
  50. }
  51. .com-del-box .content div{
  52. width: 100%;
  53. text-align: center;
  54. margin: 0 auto;
  55. }
  56. .com-del-box .content div a{
  57. width: 55px;
  58. height: 26px;
  59. line-height: 26px;
  60. display: inline-block;
  61. text-align: center;
  62. font-size: 14px;
  63. }
  64. .com-del-box .content div a:first-child{
  65. background: #b4b5b9;
  66. color: #333;
  67. margin-right: 10px;
  68. }
  69. .com-del-box .content div a:last-child{
  70. background: #5078cb;
  71. color: #fff;
  72. }
  73. .com-del-box .content div a:hover{
  74. background: #3f7ae3;
  75. color: #fff;
  76. }
  77. </style>
  78. <div class="com-del-box"
  79. name="comfirm-delete-modal">
  80. <div class="title">
  81. <a ng-click="cancleDelete()"><i class="fa fa-close fa-lg"></i></a>
  82. </div>
  83. <div class="content">
  84. <p><i class="fa fa-exclamation-circle"></i>是否删除此信息</p>
  85. <div class="red"
  86. ng-if="message">*<i ng-if="message" ng-bind="message"></i>
  87. </div>
  88. <div><a ng-click="cancleDelete()">取消</a><a ng-click="confirmDelete()">确认</a></div>
  89. </div>
  90. </div>