金诚优选前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

144 lines
2.8 KiB

  1. @import '../../../common/css/global';
  2. #address-add{
  3. .indetify-img{
  4. image{
  5. width: 100%;
  6. vertical-align:middle;
  7. }
  8. }
  9. .address-info{
  10. background: #FFFFFF;
  11. .info-item{
  12. height: 40px;
  13. line-height: 40px;
  14. padding-left: 15px;
  15. display: flex;
  16. align-items: center;
  17. color: #333333;
  18. font-size: 13px;
  19. font-weight:bold;
  20. label{
  21. width: 80px;
  22. display: block;
  23. color:#666666;
  24. font-size: 13px;
  25. font-weight: 400;
  26. }
  27. .form-control{
  28. flex: 1;
  29. padding: 0 30px 0 10px;
  30. input{
  31. width: 100%;
  32. font-size: 13px;
  33. box-sizing: border-box;
  34. outline: 0;
  35. border: none;
  36. height: 24px;
  37. line-height: 24px;
  38. }
  39. &.select{
  40. background-image:url("https://uto.ibrand.cc/m/static/img/ic_forward.png");
  41. background-repeat:no-repeat;
  42. background-position:100%;
  43. background-size:20px;
  44. overflow: hidden;
  45. picker{
  46. height: 100%;
  47. .picker{
  48. white-space: nowrap;
  49. text-overflow: ellipsis;
  50. overflow: hidden;
  51. height: 40px;
  52. }
  53. }
  54. }
  55. }
  56. .checkbox{
  57. width: 100%;
  58. display: flex;
  59. align-items: center;
  60. }
  61. }
  62. }
  63. .identify-address{
  64. margin-top:12px;
  65. background-color: #FFFFFF;
  66. padding:13px 12px 19px 12px;
  67. textarea{
  68. border-radius:4px;
  69. border:1px solid #AAAAAA;
  70. padding: 10px 5px 5px 10px;
  71. width: 100%;
  72. height: 70px;
  73. box-sizing: border-box;
  74. font-size: 13px;
  75. }
  76. .textarea-placeholder{
  77. color: #AAAAAA;
  78. font-size: 12px;
  79. }
  80. .btn-box{
  81. text-align:right;
  82. padding: 12px 0 0 0;
  83. view{
  84. display: inline-block;
  85. &.clear{
  86. color:#FB5054;
  87. font-size:12px;
  88. line-height:22px;
  89. width:45px;
  90. text-align: center;
  91. margin-right: 10px;
  92. border-radius:11px;
  93. background-color: #FFFFFF;
  94. }
  95. &.sure{
  96. color:#FFFFFF;
  97. font-size:12px;
  98. line-height:22px;
  99. width:45px;
  100. text-align: center;
  101. border-radius:11px;
  102. background-color: #FB5054;
  103. }
  104. }
  105. }
  106. }
  107. .button-box{
  108. margin-top: 30px;
  109. .submit{
  110. background: @mainColor;
  111. }
  112. .delete {
  113. background: @secColor;
  114. }
  115. button{
  116. margin: 0 20px 15px 20px;
  117. &:after {
  118. border: none;
  119. }
  120. }
  121. }
  122. //重置按钮样式
  123. checkbox .wx-checkbox-input{
  124. border-radius: 100%;
  125. background-color: #fff;
  126. border: 1px solid #c1caca;
  127. box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
  128. height: 14px;
  129. width: 14px;
  130. }
  131. checkbox .wx-checkbox-input.wx-checkbox-input-checked{
  132. background-color: @globalColor;
  133. border: 1px solid @globalColor;
  134. }
  135. }