zhangzl
/
nsgk_wechat
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
微信小程序
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.
152 Commits
3 Branches
4.3 MiB
 
Tree: 619d26d3f3
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '619d26d3f3'
${ noResults }
nsgk_wechat/pages/apply/paymentTemplate/add/add.wxss

464 lines
8.3 KiB
Raw Blame History 

  1. /* pages/apply/paymentTemplate/add/add.wxss */

  2. text{display: block;}

  3. .top{

  4.   height: 64px;

  5.   width: 100%;

  6.   position: fixed;

  7.   z-index: 999;

  8.   top:0px;

  9. }

  10. .top text{

  11.   position: relative;

  12.   top: 30px;

  13.   margin-right: 30px;

  14.   display: block;

  15.   color: #eee;

  16.   text-align: center;

  17.   width: 100%;

  18.   font-size: 16px;

  19. }

  20. .input_tittop input{

  21.   border: 1px solid #DCDCDC;

  22.   padding: 0px 10px;

  23.   height: 32px;

  24.   line-height: 32px;

  25.   border-radius: 5px;

  26.   width: 100%;

  27. }

  28. .error input{

  29.   border: 1px solid red!important;

  30. }

  31. .bgPage{

  32.   width: 140%;

  33.   position:absolute;

  34.   transform: translate(-15%, -50%);

  35.   height: 300px;

  36.   z-index: -1;

  37. }

  38. .center{

  39.   padding-bottom: 15px;

  40.   background: #f2f2f2;

  41. }

  42. .main-title{

  43.   background-image: linear-gradient(to right, #2C8E68 , #B3DB62);

  44.   color: #ffffff;

  45.   font-size: 18px;

  46.   padding: 10px 0;

  47.   text-align: center;

  48.   position: relative;

  49. }

  50. .main-box{

  51.   background: #ffffff;

  52.   padding: 20px;

  53.   width: 94%;

  54.   margin: 0 auto;

  55.   border-radius: 10px;

  56.   box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);

  57. }

  58. .main-box block{

  59.   float: right;

  60. }

  61. .title{

  62.   padding: 10px calc(3% + 20px);

  63. }

  64. .topBox .van-cell{

  65.   padding: 0!important;

  66.   margin-bottom: 15px;

  67. }

  68. .topBox .van-cell .van-cell__title, .topBox .van-cell .van-cell__value , .topBox .van-cell .van-field__label{

  69.   font-size: 15px;

  70. }

  71. .topBox .van-cell .van-cell__title{

  72.   margin-right: 0!important;

  73.   max-width: 76px!important;

  74.   min-width: 76px!important;

  75. }

  76. 

  77. .top-box{

  78.   /* margin-top: 20px;

  79.   margin-bottom: 28px; */

  80. }

  81. .top-box text{

  82.   margin-bottom: 15px;

  83. }

  84. .top-box text:last-child{

  85.   margin-bottom: 0px;

  86. }

  87. .box-title{

  88.   color: #2C8E68;

  89.   text-align: center;

  90.   font-size: 16px;

  91. }

  92. .center-box .main-box{

  93.   margin-bottom: 15px;

  94. }

  95. .xm van-cell:first-child .van-cell{

  96.   border-bottom: 1px solid #cccccc;

  97.   margin: 0;

  98.   padding-bottom: 15px!important;

  99.   margin-bottom: 15px;

  100. }

  101. .table-box van-field van-cell .van-cell{

  102.   margin-bottom: 15px;

  103. }

  104. .table-box van-field:last-child van-cell .van-cell{

  105.   margin-bottom: 0px;

  106. }

  107. .table-box view text icon{

  108.   display: inline-block;

  109.   font-size: 14px;

  110.   border: 1px solid red;

  111.   color: red;

  112. }

  113. .table-box .van-cell{

  114.   padding: 0!important;

  115. }

  116. @font-face {

  117.   font-family: 'my-icon';

  118.   src: url('../../../image/icon/fj_icon.png') format('truetype');

  119. }

  120. .my-icon {

  121.   font-family: 'my-icon';

  122. }

  123. 

  124. .my-icon-extra::before {

  125.   content: '\e626';

  126. }

  127. .fj-box text{

  128.   background-color: #5CAE77;

  129.   color: #ffffff;

  130.   text-align: center;

  131.   border-radius: 5px;

  132.   white-space:pre-wrap;

  133.   padding: 22px 8px;

  134. }

  135. .fj-li{

  136.   margin-top: 20px;

  137.   display: flex;

  138.   /* flex-wrap: wrap; */

  139. }

  140. .fj-li .img_li{

  141.   width: 100%;

  142.   height: 18.5vw;

  143. }

  144. 

  145. .fj-li .img_add{

  146.   overflow: hidden;

  147. }

  148. 

  149. .bottomBtn{

  150.   display: flex;

  151.   width: 94%;

  152.   margin: 0 auto;

  153.   justify-content:space-between;

  154.   margin-top: 30px;

  155. }

  156. .bottomBtn view{

  157.   display: flex;

  158.   width: 100%;

  159.   background-color: #ffffff;

  160.   border-radius: 5px;

  161.   box-shadow: 0px 5px 9px #DCDCDC;

  162.   padding: 10px 0px;

  163.   text-align: center;

  164.   align-items:center;

  165.   justify-content:center;

  166.   font-size: 14px;

  167.   color: #2C8E68;

  168. }

  169. .bottomBtn view image{

  170.   width: 18px;

  171.   height: 18px;

  172.   margin-right: 5px;

  173. }

  174. 

  175. 

  176. .bottom{

  177.   width: 84%;

  178.   margin: 0 auto;

  179.   text-align: center;

  180.   margin-top: 50px;

  181.   margin-bottom: 50px;

  182.   display: flex;

  183.   z-index: 999999;

  184. }

  185. 

  186. .bottom view {

  187.   width: 47%;

  188.   margin: 0 auto;

  189.   border-radius: 30px;

  190.   display: inline-block;

  191. }

  192. 

  193. .bottom .btn1{

  194.   border: 1px solid #2C8E68;

  195.   padding: 8px 0px;

  196.   color: #2C8E68;

  197. }

  198. 

  199. .bottom .btn2{

  200.   border: 1px solid transparent;

  201.   padding: 8px 0px;

  202.   background-image: linear-gradient(to right, #2C8E68, #5CAE77);

  203.   margin-left: 6%;

  204.   color: #fff;

  205. }

  206. .bottom .btn3{

  207.   border: 1px solid transparent;

  208.   padding: 8px 0px;

  209.   background-image: linear-gradient(to right, #2C8E68, #5CAE77);

  210.   color: #fff;

  211.   width: 100%;

  212. }

  213. .steps-box{

  214.   padding: 0;

  215.   margin-top: 15px;

  216. }

  217. .steps-box .van-row{

  218.   padding: 0 20px;

  219. }

  220. 

  221. .steps-box view{

  222.   margin-bottom: 0;

  223. }

  224. 

  225. .steps-box  .van-col{

  226.     position: relative;

  227.     height: 70px;

  228.   }

  229.   .steps-box  .van-col--21{

  230.     padding: 12PX 0;

  231.     padding-left: 10px;

  232.   }

  233.   .steps-box  .van-row:nth-child(2n){

  234.     background: rgba(29,111,233,0.1);

  235.   }

  236.   .steps-box  .van-cell{

  237.     background: transparent;

  238.     padding: 0 10Px;

  239.   }

  240.   .steps-box  .bq{

  241.     display: inline-block;

  242.     padding: 0PX 10PX;

  243.     line-height: 0.64rem;

  244.     border-radius: 5PX;

  245.   }

  246.   .steps-box  .index{

  247.     background: #1D6FE9;

  248.     color: #ffffff;

  249.     text-align: center;

  250.     width: 20PX;

  251.     height: 20PX;

  252.     line-height: 20PX;

  253.     border-radius: 50%;

  254.     position: absolute;

  255.     left: 0;

  256.     top: 50%;

  257.     transform: translate(0,-50%);

  258.   }

  259.   .steps-box  .indexCenter{

  260.     top: 0!important;

  261.   }

  262.   .steps-box  .van-row:first-child .van-col:first-child .indexBorder{

  263.     top: calc(50% - 5px);

  264.   }

  265.   .steps-box  .indexBorder{

  266.     width: 10PX;

  267.     position: absolute;

  268.     right: 0;

  269.     top: 0;

  270.     height: 100%;

  271.     

  272.   }

  273.   .steps-box  .indexBorder .yq{

  274.     height: 10PX;

  275.     width: 10PX;

  276.     background: #C9C9C9;

  277.     border-radius: 50%;

  278.   }

  279.   .steps-box  .indexBorder .ss{

  280.     height: calc(50% - 5PX);

  281.     width: 1PX;

  282.     background: #C9C9C9;

  283.     position: relative;

  284.     left: 4PX;

  285.   }

  286.   .steps-box .indexBorder .ssT{

  287.     height: calc(50% - 5PX);

  288.     width: 1PX;

  289.     background: #C9C9C9;

  290.     position: relative;

  291.     left: 4PX;

  292.   }

  293.   .agree{

  294.     background-color: rgba(92, 174, 119, 0.1);

  295.     color:#5CAE77 ;

  296.     width: 80%;

  297.     text-align: center;

  298.     float: right;

  299.   }

  300.   .in{

  301.     background-color: rgba(245, 163, 39, 0.1);

  302.     color:#F5A327 ;

  303.     width: 80%;

  304.     text-align: center;

  305.     float: right;

  306.   }

  307.   .disagree{

  308.     background-color: rgba(233, 0, 0, 0.1);

  309.     color:#E90000 ;

  310.     width: 80%;

  311.     text-align: center;

  312.     float: right;

  313.   }

  314.   .steps-box .van-cell__title{

  315.     flex: 0.7;

  316.   }

  317.   .steps-box .van-cell__value{

  318.     flex: 0.3;

  319.   }

  320.   .steps-tit{

  321.     font-size: 16px;

  322.     text-align: center;

  323.     background-color: #2C8E68;

  324.     color: #ffffff;

  325.     padding: 20px 0;

  326.     border-top-left-radius: 10px;

  327.     border-top-right-radius: 10px;

  328.   }

  329.   .bottom{

  330.     width: 84%;

  331.     margin: 0 auto;

  332.     text-align: center;

  333.     margin-top: 30px;

  334.     margin-bottom: 80px;

  335.   }

  336. 

  337.   .bottom button {

  338.     width: 47%;

  339.     margin: 0 auto;

  340.     border-radius: 30px;

  341.     display: inline-block;

  342.   }

  343. 

  344.   .bottom .btnAgree{

  345.     border: 1px solid transparent;

  346.     background-image: linear-gradient(to right, #2C8E68, #5CAE77);

  347.     margin-left: 6%;

  348.   }

  349. 

  350.   .input_tit{

  351.     border: 1px solid #DCDCDC;

  352.     padding: 0px 10px;

  353.     height: 32px;

  354.     line-height: 32px;

  355.     border-radius: 5px;

  356.     margin-bottom: 15px;

  357.   }

  358.   .img_box{

  359.     position: relative;

  360.     width: 100%;

  361.     display: flex;

  362.     flex-wrap: wrap;

  363.   }

  364.   .img_box .img_list{

  365.     width: 25%;

  366.     margin-left: 5%;

  367.     position: relative;

  368.   }

  369.   .img_box .img_list .van-icon{

  370.     font-size: 20px;

  371.     position: absolute;

  372.     top: 0;

  373.     right: 0;

  374.     transform: translate(50%,-50%);

  375.   }

  376.   .img_box .img_list:nth-child(n+4){

  377.     margin-top: 15px;

  378.   }

  379.   .van-cell--required:before {

  380.     left: -8px!important;

  381.   }

  382.   .input_money{

  383.     padding: 0px 10px;

  384.     height: 32px;

  385.     line-height: 32px;

  386.     color: #E90000;

  387.     font-size: 26px;

  388.     display: inline-block;

  389.     width: 70%;

  390.     text-align: center;

  391.   }

  392.   

  393.   .money_box{

  394.     font-size: 26px;

  395.     border-bottom:1px solid #DCDCDC;

  396.     width: 70%;

  397.     margin: 0 auto;

  398.     margin-bottom: 15px;

  399.     color: #E90000;

  400.     display: flex;

  401.     align-items: center;

  402.     justify-content: center;

  403.   }

  404. 

  405.   .btnBox{

  406.     text-align: center;

  407.     position: relative;

  408.     height: 26px;

  409.   }

  410.   .down{

  411.     width: 30px;

  412.     height: 26px;

  413.     margin: 0 auto;

  414.   }

  415.   

  416.   .update{

  417.     width: 26px;

  418.     height: 26px;

  419.     position: absolute;

  420.     right: 41px;

  421.   }

  422.   .delete{

  423.     width: 26px;

  424.     height: 26px;

  425.     position: absolute;

  426.     right: 0;

  427.   }

  428. 

  429.   .van-collapse-item {

  430.     background: transparent;

  431.       margin: 0 auto;

  432.       width: 100%;

  433.       margin: 0 auto;

  434.       margin-top: 15px;

  435.   }

  436.   .van-collapse-item__content{

  437.     padding: 0!important;

  438.   }

  439.   

  440.   .van-collapse .van-cell{

  441.     padding: 0;

  442.     background: transparent;

  443.   }

  444. 

  445.   .van-collapse .tit_box .title{

  446.     text-align: center;

  447.     font-size: 18px;

  448.   }

  449.   .van-collapse .main-box{

  450.     /* padding: 0;

  451.     box-shadow: none; */

  452.   }

  453.   .van-collapse .tit_box{

  454.     width: 94%;

  455.     background: #ffffff;

  456.     margin: 0 auto;

  457.     border-radius: 10px;

  458.     box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);

  459.     padding: 20px;

  460.   }

  461.   .van-collapse .tit_box .top-box .van-cell{

  462.     margin-bottom: 15px;

  463.   }