zhangzl
/
nsgk_wechat
1
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
微信小程序
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
184 Revize
3 Větve
4.3 MiB
 
Strom: d03dd8db91
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „d03dd8db91“
${ noResults }
nsgk_wechat/pages/apply/paymentTemplate/addNew/addNew.wxss

538 řádky
9.8 KiB
Surový Blame Historie 

  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. }

  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.   color: #444444;

  71. }

  72. .topBox .van-cell .van-cell__title{

  73.   margin-right: 0!important;

  74.   max-width: 76px!important;

  75.   min-width: 76px!important;

  76. }

  77. 

  78. .top-box{

  79.   /* margin-top: 20px;

  80.   margin-bottom: 28px; */

  81. }

  82. .top-box text{

  83.   margin-bottom: 15px;

  84. }

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

  86.   margin-bottom: 0px;

  87. }

  88. .box-title{

  89.   color: #2C8E68;

  90.   text-align: center;

  91.   font-size: 16px;

  92. }

  93. .center-box .main-box{

  94.   margin-bottom: 15px;

  95. }

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

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

  98.   margin: 0;

  99.   padding-bottom: 15px!important;

  100.   margin-bottom: 15px;

  101. }

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

  103.   margin-bottom: 15px;

  104. }

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

  106.   margin-bottom: 0px;

  107. }

  108. .table-box view text icon{

  109.   display: inline-block;

  110.   font-size: 14px;

  111.   border: 1px solid red;

  112.   color: red;

  113. }

  114. .table-box .van-cell{

  115.   padding: 0!important;

  116. }

  117. @font-face {

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

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

  120. }

  121. .my-icon {

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

  123. }

  124. 

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

  126.   content: '\e626';

  127. }

  128. .fj-box text{

  129.   color: #666666;

  130.   text-align: left;

  131. }

  132. .fj-li{

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

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

  135. }

  136. .fj-tt{

  137.   display: flex;

  138.   align-items: center;

  139.   width: 100%;

  140.   padding: 10px 0px;

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

  142.   margin-bottom: 10px;

  143.   color: #999999;

  144. }

  145. .fj-li .img_li{

  146.   width: 100%;

  147.   height: 18.5vw;

  148. }

  149. 

  150. .fj-li .img_add{

  151.   overflow: hidden;

  152. }

  153. 

  154. .bottomBtn{

  155.   display: flex;

  156.   width: 94%;

  157.   margin: 0 auto;

  158.   justify-content:space-between;

  159.   margin-top: 30px;

  160. }

  161. .bottomBtn view{

  162.   display: flex;

  163.   width: 100%;

  164.   background-color: #ffffff;

  165.   border-radius: 5px;

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

  167.   padding: 10px 0px;

  168.   text-align: center;

  169.   align-items:center;

  170.   justify-content:center;

  171.   font-size: 14px;

  172.   color: #2C8E68;

  173. }

  174. .bottomBtn view image{

  175.   width: 18px;

  176.   height: 18px;

  177.   margin-right: 5px;

  178. }

  179. 

  180. 

  181. .bottom{

  182.   width: 84%;

  183.   margin: 0 auto;

  184.   text-align: center;

  185.   margin-top: 50px;

  186.   margin-bottom: 50px;

  187.   display: flex;

  188.   justify-content: space-between;

  189.   z-index: 999999;

  190. }

  191. 

  192. .bottom view {

  193.   width: 47%;

  194.   margin: 0 auto;

  195.   border-radius: 30px;

  196.   display: inline-block;

  197. }

  198. 

  199. .bottom .btn1{

  200.   border: 1px solid #2C8E68;

  201.   padding: 8px 0px;

  202.   color: #2C8E68;

  203. }

  204. 

  205. .bottom .btn2{

  206.   border: 1px solid transparent;

  207.   padding: 8px 0px;

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

  209.   color: #fff;

  210. }

  211. .bottom .btn3{

  212.   border: 1px solid transparent;

  213.   padding: 8px 0px;

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

  215.   color: #fff;

  216.   width: 100%;

  217. }

  218. .steps-box{

  219.   padding: 0;

  220.   margin-top: 15px;

  221. }

  222. .steps-box .van-row{

  223.   padding: 0 20px;

  224. }

  225. 

  226. .steps-box view{

  227.   margin-bottom: 0;

  228. }

  229. 

  230. .steps-box  .van-col{

  231.     position: relative;

  232.     height: 70px;

  233.   }

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

  235.     padding: 12PX 0;

  236.     padding-left: 10px;

  237.   }

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

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

  240.   }

  241.   .steps-box  .van-cell{

  242.     background: transparent;

  243.     padding: 0 10Px;

  244.   }

  245.   .steps-box  .bq{

  246.     display: inline-block;

  247.     padding: 0PX 10PX;

  248.     line-height: 0.64rem;

  249.     border-radius: 5PX;

  250.   }

  251.   .steps-box  .index{

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

  253.     color: #ffffff;

  254.     text-align: center;

  255.     width: 20PX;

  256.     height: 20PX;

  257.     line-height: 20PX;

  258.     border-radius: 50%;

  259.     position: absolute;

  260.     left: 0;

  261.     top: 50%;

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

  263.   }

  264.   .steps-box  .indexCenter{

  265.     top: 0!important;

  266.   }

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

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

  269.   }

  270.   .steps-box  .indexBorder{

  271.     width: 10PX;

  272.     position: absolute;

  273.     right: 0;

  274.     top: 0;

  275.     height: 100%;

  276.     

  277.   }

  278.   .steps-box  .indexBorder .yq{

  279.     height: 10PX;

  280.     width: 10PX;

  281.     background: #C9C9C9;

  282.     border-radius: 50%;

  283.   }

  284.   .steps-box  .indexBorder .ss{

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

  286.     width: 1PX;

  287.     background: #C9C9C9;

  288.     position: relative;

  289.     left: 4PX;

  290.   }

  291.   .steps-box .indexBorder .ssT{

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

  293.     width: 1PX;

  294.     background: #C9C9C9;

  295.     position: relative;

  296.     left: 4PX;

  297.   }

  298.   .agree{

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

  300.     color:#5CAE77 ;

  301.     width: 80%;

  302.     text-align: center;

  303.     float: right;

  304.   }

  305.   .in{

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

  307.     color:#F5A327 ;

  308.     width: 80%;

  309.     text-align: center;

  310.     float: right;

  311.   }

  312.   .disagree{

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

  314.     color:#E90000 ;

  315.     width: 80%;

  316.     text-align: center;

  317.     float: right;

  318.   }

  319.   .steps-box .van-cell__title{

  320.     flex: 0.7;

  321.   }

  322.   .steps-box .van-cell__value{

  323.     flex: 0.3;

  324.   }

  325.   .steps-tit{

  326.     font-size: 16px;

  327.     text-align: center;

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

  329.     color: #ffffff;

  330.     padding: 20px 0;

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

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

  333.   }

  334.   .bottom{

  335.     width: 84%;

  336.     margin: 0 auto;

  337.     text-align: center;

  338.     margin-top: 30px;

  339.     margin-bottom: 80px;

  340.   }

  341. 

  342.   .bottom button {

  343.     width: 47%;

  344.     margin: 0 auto;

  345.     border-radius: 30px;

  346.     display: inline-block;

  347.   }

  348. 

  349.   .bottom .btnAgree{

  350.     border: 1px solid transparent;

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

  352.     margin-left: 6%;

  353.   }

  354. 

  355.   .input_tit{

  356.     border: 1px solid #DCDCDC;

  357.     padding: 0px 10px;

  358.     height: 32px;

  359.     line-height: 32px;

  360.     border-radius: 5px;

  361.     margin-bottom: 15px;

  362.   }

  363.   .img_box{

  364.     position: relative;

  365.     width: 100%;

  366.     display: flex;

  367.     flex-wrap: wrap;

  368.   }

  369.   .img_box .img_list{

  370.     width: 23%;

  371.     margin-right: 2%;

  372.     position: relative;

  373.   }

  374.   .img_box .img_list .van-icon{

  375.     font-size: 20px;

  376.     position: absolute;

  377.     top: 0;

  378.     right: 0;

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

  380.   }

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

  382.     margin-top: 15px;

  383.   }

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

  385.     left: -8px!important;

  386.   }

  387.   .input_money{

  388.     padding: 0px 10px;

  389.     height: 32px;

  390.     line-height: 32px;

  391.     color: #E90000;

  392.     font-size: 26px;

  393.     display: inline-block;

  394.     width: 70%;

  395.     text-align: center;

  396.   }

  397.   

  398.   .money_box{

  399.     font-size: 26px;

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

  401.     width: 70%;

  402.     margin: 0 auto;

  403.     margin-bottom: 15px;

  404.     color: #E90000;

  405.     display: flex;

  406.     align-items: center;

  407.     justify-content: center;

  408.   }

  409. 

  410.   .btnBox{

  411.     text-align: center;

  412.     position: relative;

  413.     height: 26px;

  414.   }

  415.   .down{

  416.     width: 30px;

  417.     height: 26px;

  418.     margin: 0 auto;

  419.   }

  420.   

  421.   .update{

  422.     width: 26px;

  423.     height: 26px;

  424.     position: absolute;

  425.     right: 41px;

  426.   }

  427.   .delete{

  428.     width: 26px;

  429.     height: 26px;

  430.     position: absolute;

  431.     right: 0;

  432.   }

  433. 

  434.   .van-collapse-item {

  435.     background: transparent;

  436.       margin: 0 auto;

  437.       width: 100%;

  438.       margin: 0 auto;

  439.       margin-top: 15px;

  440.   }

  441.   .van-collapse-item__content{

  442.     padding: 0!important;

  443.   }

  444.   

  445.   .van-collapse .van-cell{

  446.     padding: 0;

  447.     background: transparent;

  448.   }

  449.   .main-box .van-cell{

  450.     padding: 0;

  451.     background: transparent;

  452.   }

  453. 

  454.   .van-collapse .tit_box .title{

  455.     text-align: center;

  456.     font-size: 18px;

  457.   }

  458.   .van-collapse .main-box{

  459.     /* padding: 0;

  460.     box-shadow: none; */

  461.   }

  462.   .van-collapse .tit_box{

  463.     width: 94%;

  464.     background: #ffffff;

  465.     margin: 0 auto;

  466.     border-radius: 10px;

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

  468.     padding: 20px;

  469.   }

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

  471.     margin-bottom: 15px;

  472.   }

  473. 

  474.   .van-field__label {

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

  476.   }

  477.   .van-field__control {

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

  479.   }

  480.   .payee_box{

  481.     display: flex;

  482.     justify-content: space-between;

  483.     align-items: center;

  484.   }

  485.   .payee_box view{

  486.     display: flex;

  487.     justify-content: space-between;

  488.     align-items: center;

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

  490.   }

  491.   .payee_box view text{

  492.     margin-left: 5px;

  493.     color: #2C8E68;

  494.   }

  495.   .payee_box .add{

  496.     justify-content: center;

  497.     background-color: #2C8E68;

  498.     color: #fff;

  499.     font-weight: bold;

  500.     padding: 0px;

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

  502.     width: 20px;

  503.     height: 20px;

  504.     border-radius: 20px;

  505.     line-height: 1;

  506.   }

  507. 

  508.   .file_box{

  509.     display: flex;

  510.     justify-content: space-between;

  511.     align-items: center;

  512.   }

  513.   .file_box .add{

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

  515.   }

  516.   .aaa{

  517.     color: red;

  518.   }

  519.   .payeeList {

  520.     padding: 10px 20px!important;

  521.   }

  522. .payeeList .van-collapse-item {

  523.   margin-top: 0;

  524. }

  525. .payeeList .van-collapse .van-cell {

  526.   padding: 10px 0!important;

  527. 

  528. }

  529. .payeeList van-field van-cell .van-cell{

  530.   margin-bottom: 0;

  531. }

  532. .payeeList .van-cell__value {

  533.   color: #E90000;

  534. }

  535. .payeeList .van-cell__title{

  536.   flex-shrink: 0;

  537.   max-width: inherit;

  538. }