合同小程序前端代码仓库
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.

196 lines
3.2 KiB

3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
  1. @import "../../uvue.wxss";
  2. :host{display:flex;flex-direction:column}
  3. /* 订单录入 */
  4. .order_Entry_container{
  5. width: 90%;
  6. height: 8%;
  7. background-color: #d9e5eb;
  8. border-radius: 0.6rem;
  9. margin-left:5%;
  10. display: flex;
  11. flex-direction: row;
  12. align-items: center;
  13. margin-top: 5%;
  14. }
  15. .order_Entry_image{
  16. width: 10%;
  17. height: 70%;
  18. margin-left: 3%;
  19. }
  20. .order_Entry_end{
  21. margin-left: auto;
  22. margin-right: 7%;
  23. }
  24. /* 轮播图 */
  25. .swiper {
  26. height: 30%;
  27. width: 100%;
  28. display: flex;
  29. flex-direction: row;
  30. align-items: center;
  31. overflow: hidden;
  32. }
  33. .swiper-image {
  34. width: 100%;
  35. height: 100%;
  36. margin: 0 auto;
  37. }
  38. .form {
  39. flex: 1;
  40. padding: 1rem;
  41. }
  42. .submit-button {
  43. width: 100%;
  44. height: 3rem;
  45. background-color: #007aff;
  46. color: #fff;
  47. border: none;
  48. border-radius: 0.3rem;
  49. font-size: 1rem;
  50. }
  51. .footer {
  52. display: flex;
  53. justify-content: space-around;
  54. padding: 0.8rem;
  55. background-color: #fff;
  56. border-top: 1rem solid #ccc;
  57. }
  58. .nav-item {
  59. text-align: center;
  60. }
  61. .nav-item text {
  62. font-size: 0.9rem;
  63. }
  64. .icon-image{
  65. width: 30%;
  66. height: 10rem;
  67. margin: 0 auto;
  68. margin-top: 1rem;
  69. }
  70. /* 遮罩层 */
  71. .show_container{
  72. width: 60%;
  73. height: 36%;
  74. background-color: #ffffff;
  75. position: absolute;
  76. border-radius: 1rem;
  77. /* border: 1rem solid; */
  78. box-shadow: 0rem 0.2rem 0rem #e4e4e4;
  79. left:5%;
  80. top: 13%;
  81. z-index:999;
  82. display: flex;
  83. flex-direction: column;
  84. align-items: center;
  85. }
  86. .isshow-header{
  87. width: 90%;
  88. height: 30%;
  89. display: flex;
  90. justify-content: center;
  91. align-items: center;
  92. flex-direction: row;
  93. color: #3c7697;
  94. }
  95. .isshow-header-content-icon{
  96. width: 10%;
  97. height: 30%;
  98. }
  99. .isshow-header-content-input{
  100. width: 80%;
  101. height: 40%;
  102. margin: 0 1rem 0 1rem;
  103. border:none;
  104. outline:none;
  105. }
  106. .isshow-content{
  107. height: 70%;
  108. display: flex;
  109. flex-direction: column;
  110. align-items: center;
  111. overflow-y:scroll;
  112. }
  113. .isshow-content-text{
  114. color: #414141;
  115. height: 1.5rem;
  116. width: 100%;
  117. line-height: 1.5rem;
  118. margin: 1rem 0 1rem 0;
  119. font-size: 0.8rem;
  120. }
  121. .isshow-content::-webkit-scrollbar {
  122. display: none;
  123. }
  124. /* 提示框*/
  125. .show_container_1{
  126. width: 80%;
  127. height: 50%;
  128. background-color: #ffffff;
  129. position: absolute;
  130. border-radius: 1rem;
  131. /* border: 1rem solid; */
  132. box-shadow: 0rem 0.2rem 0rem #e4e4e4;
  133. left:10%;
  134. top:25%;
  135. z-index:999;
  136. display: flex;
  137. flex-direction: column;
  138. align-items: center;
  139. }
  140. .show_container_1_image{
  141. height: 40%;
  142. width: 60%;
  143. top: 5%;
  144. }
  145. .show_container_1_footer{
  146. height: 50%;
  147. width: 100%;
  148. color:#0b5583;
  149. display: flex;
  150. flex-direction: column;
  151. align-items: center;
  152. font-weight: bold;
  153. font-size: 0.7rem;
  154. }
  155. .show_container_1_footer text{
  156. margin-top: 10%;
  157. }
  158. .show_container_1_footer_button{
  159. background-color: #ffffff;
  160. color:#0b5583;
  161. height: 30%;
  162. border-radius: 1.8rem;
  163. width: 80%;
  164. margin-top: 5%;
  165. border: 0.1rem solid #0c547e;
  166. display: flex;
  167. justify-content: center;
  168. align-items: center;
  169. }
  170. .sales{
  171. display: flex;
  172. flex-direction: row;
  173. width: 100%;
  174. height: 10%;
  175. align-items: center;
  176. justify-content: center;
  177. /* background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%); */
  178. }
  179. .sales_left{
  180. /* background-color: red ; */
  181. width: 25%;
  182. height: 100%;
  183. display: flex;
  184. align-items: center;
  185. justify-content: center;
  186. /* flex: 1; */
  187. margin: 1rem 2rem 1rem 1rem;
  188. }
  189. .sales_left text{
  190. font-size: 0.7rem;
  191. }