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.
186 Commits
4 Branches
4.7 MiB
 
Tree: 469195f1ea
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '469195f1ea'
${ noResults }
nsgk_wechat/pages/apply/paymentTemplate/addNew/addNew.wxss

539 lines
9.8 KiB
Raw Blame History 

  1. /* pages/apply/paymentTemplate/addNew/addNew.wxss *//* 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.   position: relative;

  58. }

  59. .main-box block{

  60.   float: right;

  61. }

  62. .title{

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

  64. }

  65. .topBox .van-cell{

  66.   padding: 0!important;

  67.   margin-bottom: 15px;

  68. }

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

  70.   font-size: 15px;

  71.   color: #444444;

  72. }

  73. .topBox .van-cell .van-cell__title{

  74.   margin-right: 0!important;

  75.   max-width: 76px!important;

  76.   min-width: 76px!important;

  77. }

  78. 

  79. .top-box{

  80.   /* margin-top: 20px;

  81.   margin-bottom: 28px; */

  82. }

  83. .top-box text{

  84.   margin-bottom: 15px;

  85. }

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

  87.   margin-bottom: 0px;

  88. }

  89. .box-title{

  90.   color: #2C8E68;

  91.   text-align: center;

  92.   font-size: 16px;

  93. }

  94. .center-box .main-box{

  95.   margin-bottom: 15px;

  96. }

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

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

  99.   margin: 0;

  100.   padding-bottom: 15px!important;

  101.   margin-bottom: 15px;

  102. }

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

  104.   margin-bottom: 15px;

  105. }

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

  107.   margin-bottom: 0px;

  108. }

  109. .table-box view text icon{

  110.   display: inline-block;

  111.   font-size: 14px;

  112.   border: 1px solid red;

  113.   color: red;

  114. }

  115. .table-box .van-cell{

  116.   padding: 0!important;

  117. }

  118. @font-face {

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

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

  121. }

  122. .my-icon {

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

  124. }

  125. 

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

  127.   content: '\e626';

  128. }

  129. .fj-box text{

  130.   color: #666666;

  131.   text-align: left;

  132. }

  133. .fj-li{

  134.   /* margin-top: 20px; */

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

  136. }

  137. .fj-tt{

  138.   display: flex;

  139.   align-items: center;

  140.   width: 100%;

  141.   padding: 10px 0px;

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

  143.   margin-bottom: 10px;

  144.   color: #999999;

  145. }

  146. .fj-li .img_li{

  147.   width: 100%;

  148.   height: 18.5vw;

  149. }

  150. 

  151. .fj-li .img_add{

  152.   overflow: hidden;

  153. }

  154. 

  155. .bottomBtn{

  156.   display: flex;

  157.   width: 94%;

  158.   margin: 0 auto;

  159.   justify-content:space-between;

  160.   margin-top: 30px;

  161. }

  162. .bottomBtn view{

  163.   display: flex;

  164.   width: 100%;

  165.   background-color: #ffffff;

  166.   border-radius: 5px;

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

  168.   padding: 10px 0px;

  169.   text-align: center;

  170.   align-items:center;

  171.   justify-content:center;

  172.   font-size: 14px;

  173.   color: #2C8E68;

  174. }

  175. .bottomBtn view image{

  176.   width: 18px;

  177.   height: 18px;

  178.   margin-right: 5px;

  179. }

  180. 

  181. 

  182. .bottom{

  183.   width: 84%;

  184.   margin: 0 auto;

  185.   text-align: center;

  186.   margin-top: 50px;

  187.   margin-bottom: 50px;

  188.   display: flex;

  189.   justify-content: space-between;

  190.   z-index: 999999;

  191. }

  192. 

  193. .bottom view {

  194.   width: 47%;

  195.   margin: 0 auto;

  196.   border-radius: 30px;

  197.   display: inline-block;

  198. }

  199. 

  200. .bottom .btn1{

  201.   border: 1px solid #2C8E68;

  202.   padding: 8px 0px;

  203.   color: #2C8E68;

  204. }

  205. 

  206. .bottom .btn2{

  207.   border: 1px solid transparent;

  208.   padding: 8px 0px;

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

  210.   color: #fff;

  211. }

  212. .bottom .btn3{

  213.   border: 1px solid transparent;

  214.   padding: 8px 0px;

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

  216.   color: #fff;

  217.   width: 100%;

  218. }

  219. .steps-box{

  220.   padding: 0;

  221.   margin-top: 15px;

  222. }

  223. .steps-box .van-row{

  224.   padding: 0 20px;

  225. }

  226. 

  227. .steps-box view{

  228.   margin-bottom: 0;

  229. }

  230. 

  231. .steps-box  .van-col{

  232.     position: relative;

  233.     height: 70px;

  234.   }

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

  236.     padding: 12PX 0;

  237.     padding-left: 10px;

  238.   }

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

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

  241.   }

  242.   .steps-box  .van-cell{

  243.     background: transparent;

  244.     padding: 0 10Px;

  245.   }

  246.   .steps-box  .bq{

  247.     display: inline-block;

  248.     padding: 0PX 10PX;

  249.     line-height: 0.64rem;

  250.     border-radius: 5PX;

  251.   }

  252.   .steps-box  .index{

  253.     background: linear-gradient(to bottom right, #5cae77, #7cdb9b);

  254.     color: #ffffff;

  255.     text-align: center;

  256.     width: 20PX;

  257.     height: 20PX;

  258.     line-height: 20PX;

  259.     border-radius: 50%;

  260.     position: absolute;

  261.     left: 0;

  262.     top: 50%;

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

  264.   }

  265.   .steps-box  .indexCenter{

  266.     top: 0!important;

  267.   }

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

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

  270.   }

  271.   .steps-box  .indexBorder{

  272.     width: 10PX;

  273.     position: absolute;

  274.     right: 0;

  275.     top: 0;

  276.     height: 100%;

  277.     

  278.   }

  279.   .steps-box  .indexBorder .yq{

  280.     height: 10PX;

  281.     width: 10PX;

  282.     background: #C9C9C9;

  283.     border-radius: 50%;

  284.   }

  285.   .steps-box  .indexBorder .ss{

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

  287.     width: 1PX;

  288.     background: #C9C9C9;

  289.     position: relative;

  290.     left: 4PX;

  291.   }

  292.   .steps-box .indexBorder .ssT{

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

  294.     width: 1PX;

  295.     background: #C9C9C9;

  296.     position: relative;

  297.     left: 4PX;

  298.   }

  299.   .agree{

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

  301.     color:#5CAE77 ;

  302.     width: 80%;

  303.     text-align: center;

  304.     float: right;

  305.   }

  306.   .in{

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

  308.     color:#F5A327 ;

  309.     width: 80%;

  310.     text-align: center;

  311.     float: right;

  312.   }

  313.   .disagree{

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

  315.     color:#E90000 ;

  316.     width: 80%;

  317.     text-align: center;

  318.     float: right;

  319.   }

  320.   .steps-box .van-cell__title{

  321.     flex: 0.7;

  322.   }

  323.   .steps-box .van-cell__value{

  324.     flex: 0.3;

  325.   }

  326.   .steps-tit{

  327.     font-size: 16px;

  328.     text-align: center;

  329.     background-image: linear-gradient(to bottom right, #5cae77, #7cdb9b);

  330.     color: #ffffff;

  331.     padding: 20px 0;

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

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

  334.   }

  335.   .bottom{

  336.     width: 84%;

  337.     margin: 0 auto;

  338.     text-align: center;

  339.     margin-top: 30px;

  340.     margin-bottom: 80px;

  341.   }

  342. 

  343.   .bottom button {

  344.     width: 47%;

  345.     margin: 0 auto;

  346.     border-radius: 30px;

  347.     display: inline-block;

  348.   }

  349. 

  350.   .bottom .btnAgree{

  351.     border: 1px solid transparent;

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

  353.     margin-left: 6%;

  354.   }

  355. 

  356.   .input_tit{

  357.     border: 1px solid #DCDCDC;

  358.     padding: 0px 10px;

  359.     height: 32px;

  360.     line-height: 32px;

  361.     border-radius: 5px;

  362.     margin-bottom: 15px;

  363.   }

  364.   .img_box{

  365.     position: relative;

  366.     width: 100%;

  367.     display: flex;

  368.     flex-wrap: wrap;

  369.   }

  370.   .img_box .img_list{

  371.     width: 23%;

  372.     margin-right: 2%;

  373.     position: relative;

  374.   }

  375.   .img_box .img_list .van-icon{

  376.     font-size: 20px;

  377.     position: absolute;

  378.     top: 0;

  379.     right: 0;

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

  381.   }

  382.   .img_box .img_list:nth-child(n+5){

  383.     margin-top: 15px;

  384.   }

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

  386.     left: -8px!important;

  387.   }

  388.   .input_money{

  389.     padding: 0px 10px;

  390.     height: 32px;

  391.     line-height: 32px;

  392.     color: #E90000;

  393.     font-size: 26px;

  394.     display: inline-block;

  395.     width: 70%;

  396.     text-align: center;

  397.   }

  398.   

  399.   .money_box{

  400.     font-size: 26px;

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

  402.     width: 70%;

  403.     margin: 0 auto;

  404.     margin-bottom: 15px;

  405.     color: #E90000;

  406.     display: flex;

  407.     align-items: center;

  408.     justify-content: center;

  409.   }

  410. 

  411.   .btnBox{

  412.     text-align: center;

  413.     position: relative;

  414.     height: 26px;

  415.   }

  416.   .down{

  417.     width: 30px;

  418.     height: 26px;

  419.     margin: 0 auto;

  420.   }

  421.   

  422.   .update{

  423.     width: 26px;

  424.     height: 26px;

  425.     position: absolute;

  426.     right: 41px;

  427.   }

  428.   .delete{

  429.     width: 26px;

  430.     height: 26px;

  431.     position: absolute;

  432.     right: 0;

  433.   }

  434. 

  435.   .van-collapse-item {

  436.     background: transparent;

  437.       margin: 0 auto;

  438.       width: 100%;

  439.       margin: 0 auto;

  440.       margin-top: 15px;

  441.   }

  442.   .van-collapse-item__content{

  443.     padding: 0!important;

  444.   }

  445.   

  446.   .van-collapse .van-cell{

  447.     padding: 0;

  448.     background: transparent;

  449.   }

  450.   .main-box .van-cell{

  451.     padding: 0;

  452.     background: transparent;

  453.   }

  454. 

  455.   .van-collapse .tit_box .title{

  456.     text-align: center;

  457.     font-size: 18px;

  458.   }

  459.   .van-collapse .main-box{

  460.     /* padding: 0;

  461.     box-shadow: none; */

  462.   }

  463.   .van-collapse .tit_box{

  464.     width: 94%;

  465.     background: #ffffff;

  466.     margin: 0 auto;

  467.     border-radius: 10px;

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

  469.     padding: 20px;

  470.   }

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

  472.     margin-bottom: 15px;

  473.   }

  474. 

  475.   .van-field__label {

  476.     color: var(--field-label-color,#646566);

  477.   }

  478.   .van-field__control {

  479.     color: var(--field-label-color,#646566)!important;

  480.   }

  481.   .payee_box{

  482.     display: flex;

  483.     justify-content: space-between;

  484.     align-items: center;

  485.   }

  486.   .payee_box view{

  487.     display: flex;

  488.     justify-content: space-between;

  489.     align-items: center;

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

  491.   }

  492.   .payee_box view text{

  493.     margin-left: 5px;

  494.     color: #2C8E68;

  495.   }

  496.   .payee_box .add{

  497.     justify-content: center;

  498.     background-color: #2C8E68;

  499.     color: #fff;

  500.     font-weight: bold;

  501.     padding: 0px;

  502.     margin: 0  calc(3% + 20px);

  503.     width: 20px;

  504.     height: 20px;

  505.     border-radius: 20px;

  506.     line-height: 1;

  507.   }

  508. 

  509.   .file_box{

  510.     display: flex;

  511.     justify-content: space-between;

  512.     align-items: center;

  513.   }

  514.   .file_box .add{

  515.     margin: 0  calc(3% + 20px);

  516.   }

  517.   .aaa{

  518.     color: red;

  519.   }

  520.   .payeeList {

  521.     padding: 10px 20px!important;

  522.   }

  523. .payeeList .van-collapse-item {

  524.   margin-top: 0;

  525. }

  526. .payeeList .van-collapse .van-cell {

  527.   padding: 10px 0!important;

  528. 

  529. }

  530. .payeeList van-field van-cell .van-cell{

  531.   margin-bottom: 0;

  532. }

  533. .payeeList .van-cell__value {

  534.   color: #E90000;

  535. }

  536. .payeeList .van-cell__title{

  537.   flex-shrink: 0;

  538.   max-width: inherit;

  539. }