zhangzl
/
nsgk_wechat
1
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
微信小程序
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
163 Commit
3 Rami (Branch)
4.3 MiB
 
Albero (Tree): c3078b483e
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'c3078b483e'
${ noResults }
nsgk_wechat/pages/apply/paymentTemplate/add/add.wxss

509 righe
9.1 KiB
Originale Blame Cronologia 

  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.   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.   background-color: #5CAE77;

  130.   color: #ffffff;

  131.   text-align: center;

  132.   border-radius: 5px;

  133.   white-space:pre-wrap;

  134.   padding: 22px 8px;

  135. }

  136. .fj-li{

  137.   margin-top: 20px;

  138.   display: flex;

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

  140. }

  141. .fj-li .img_li{

  142.   width: 100%;

  143.   height: 18.5vw;

  144. }

  145. 

  146. .fj-li .img_add{

  147.   overflow: hidden;

  148. }

  149. 

  150. .bottomBtn{

  151.   display: flex;

  152.   width: 94%;

  153.   margin: 0 auto;

  154.   justify-content:space-between;

  155.   margin-top: 30px;

  156. }

  157. .bottomBtn view{

  158.   display: flex;

  159.   width: 100%;

  160.   background-color: #ffffff;

  161.   border-radius: 5px;

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

  163.   padding: 10px 0px;

  164.   text-align: center;

  165.   align-items:center;

  166.   justify-content:center;

  167.   font-size: 14px;

  168.   color: #2C8E68;

  169. }

  170. .bottomBtn view image{

  171.   width: 18px;

  172.   height: 18px;

  173.   margin-right: 5px;

  174. }

  175. 

  176. 

  177. .bottom{

  178.   width: 84%;

  179.   margin: 0 auto;

  180.   text-align: center;

  181.   margin-top: 50px;

  182.   margin-bottom: 50px;

  183.   display: flex;

  184.   z-index: 999999;

  185. }

  186. 

  187. .bottom view {

  188.   width: 47%;

  189.   margin: 0 auto;

  190.   border-radius: 30px;

  191.   display: inline-block;

  192. }

  193. 

  194. .bottom .btn1{

  195.   border: 1px solid #2C8E68;

  196.   padding: 8px 0px;

  197.   color: #2C8E68;

  198. }

  199. 

  200. .bottom .btn2{

  201.   border: 1px solid transparent;

  202.   padding: 8px 0px;

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

  204.   margin-left: 6%;

  205.   color: #fff;

  206. }

  207. .bottom .btn3{

  208.   border: 1px solid transparent;

  209.   padding: 8px 0px;

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

  211.   color: #fff;

  212.   width: 100%;

  213. }

  214. .steps-box{

  215.   padding: 0;

  216.   margin-top: 15px;

  217. }

  218. .steps-box .van-row{

  219.   padding: 0 20px;

  220. }

  221. 

  222. .steps-box view{

  223.   margin-bottom: 0;

  224. }

  225. 

  226. .steps-box  .van-col{

  227.     position: relative;

  228.     height: 70px;

  229.   }

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

  231.     padding: 12PX 0;

  232.     padding-left: 10px;

  233.   }

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

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

  236.   }

  237.   .steps-box  .van-cell{

  238.     background: transparent;

  239.     padding: 0 10Px;

  240.   }

  241.   .steps-box  .bq{

  242.     display: inline-block;

  243.     padding: 0PX 10PX;

  244.     line-height: 0.64rem;

  245.     border-radius: 5PX;

  246.   }

  247.   .steps-box  .index{

  248.     background: #1D6FE9;

  249.     color: #ffffff;

  250.     text-align: center;

  251.     width: 20PX;

  252.     height: 20PX;

  253.     line-height: 20PX;

  254.     border-radius: 50%;

  255.     position: absolute;

  256.     left: 0;

  257.     top: 50%;

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

  259.   }

  260.   .steps-box  .indexCenter{

  261.     top: 0!important;

  262.   }

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

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

  265.   }

  266.   .steps-box  .indexBorder{

  267.     width: 10PX;

  268.     position: absolute;

  269.     right: 0;

  270.     top: 0;

  271.     height: 100%;

  272.     

  273.   }

  274.   .steps-box  .indexBorder .yq{

  275.     height: 10PX;

  276.     width: 10PX;

  277.     background: #C9C9C9;

  278.     border-radius: 50%;

  279.   }

  280.   .steps-box  .indexBorder .ss{

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

  282.     width: 1PX;

  283.     background: #C9C9C9;

  284.     position: relative;

  285.     left: 4PX;

  286.   }

  287.   .steps-box .indexBorder .ssT{

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

  289.     width: 1PX;

  290.     background: #C9C9C9;

  291.     position: relative;

  292.     left: 4PX;

  293.   }

  294.   .agree{

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

  296.     color:#5CAE77 ;

  297.     width: 80%;

  298.     text-align: center;

  299.     float: right;

  300.   }

  301.   .in{

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

  303.     color:#F5A327 ;

  304.     width: 80%;

  305.     text-align: center;

  306.     float: right;

  307.   }

  308.   .disagree{

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

  310.     color:#E90000 ;

  311.     width: 80%;

  312.     text-align: center;

  313.     float: right;

  314.   }

  315.   .steps-box .van-cell__title{

  316.     flex: 0.7;

  317.   }

  318.   .steps-box .van-cell__value{

  319.     flex: 0.3;

  320.   }

  321.   .steps-tit{

  322.     font-size: 16px;

  323.     text-align: center;

  324.     background-color: #2C8E68;

  325.     color: #ffffff;

  326.     padding: 20px 0;

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

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

  329.   }

  330.   .bottom{

  331.     width: 84%;

  332.     margin: 0 auto;

  333.     text-align: center;

  334.     margin-top: 30px;

  335.     margin-bottom: 80px;

  336.   }

  337. 

  338.   .bottom button {

  339.     width: 47%;

  340.     margin: 0 auto;

  341.     border-radius: 30px;

  342.     display: inline-block;

  343.   }

  344. 

  345.   .bottom .btnAgree{

  346.     border: 1px solid transparent;

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

  348.     margin-left: 6%;

  349.   }

  350. 

  351.   .input_tit{

  352.     border: 1px solid #DCDCDC;

  353.     padding: 0px 10px;

  354.     height: 32px;

  355.     line-height: 32px;

  356.     border-radius: 5px;

  357.     margin-bottom: 15px;

  358.   }

  359.   .img_box{

  360.     position: relative;

  361.     width: 100%;

  362.     display: flex;

  363.     flex-wrap: wrap;

  364.   }

  365.   .img_box .img_list{

  366.     width: 25%;

  367.     margin-left: 5%;

  368.     position: relative;

  369.   }

  370.   .img_box .img_list .van-icon{

  371.     font-size: 20px;

  372.     position: absolute;

  373.     top: 0;

  374.     right: 0;

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

  376.   }

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

  378.     margin-top: 15px;

  379.   }

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

  381.     left: -8px!important;

  382.   }

  383.   .input_money{

  384.     padding: 0px 10px;

  385.     height: 32px;

  386.     line-height: 32px;

  387.     color: #E90000;

  388.     font-size: 26px;

  389.     display: inline-block;

  390.     width: 70%;

  391.     text-align: center;

  392.   }

  393.   

  394.   .money_box{

  395.     font-size: 26px;

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

  397.     width: 70%;

  398.     margin: 0 auto;

  399.     margin-bottom: 15px;

  400.     color: #E90000;

  401.     display: flex;

  402.     align-items: center;

  403.     justify-content: center;

  404.   }

  405. 

  406.   .btnBox{

  407.     text-align: center;

  408.     position: relative;

  409.     height: 26px;

  410.   }

  411.   .down{

  412.     width: 30px;

  413.     height: 26px;

  414.     margin: 0 auto;

  415.   }

  416.   

  417.   .update{

  418.     width: 26px;

  419.     height: 26px;

  420.     position: absolute;

  421.     right: 41px;

  422.   }

  423.   .delete{

  424.     width: 26px;

  425.     height: 26px;

  426.     position: absolute;

  427.     right: 0;

  428.   }

  429. 

  430.   .van-collapse-item {

  431.     background: transparent;

  432.       margin: 0 auto;

  433.       width: 100%;

  434.       margin: 0 auto;

  435.       margin-top: 15px;

  436.   }

  437.   .van-collapse-item__content{

  438.     padding: 0!important;

  439.   }

  440.   

  441.   .van-collapse .van-cell{

  442.     padding: 0;

  443.     background: transparent;

  444.   }

  445. 

  446.   .van-collapse .tit_box .title{

  447.     text-align: center;

  448.     font-size: 18px;

  449.   }

  450.   .van-collapse .main-box{

  451.     /* padding: 0;

  452.     box-shadow: none; */

  453.   }

  454.   .van-collapse .tit_box{

  455.     width: 94%;

  456.     background: #ffffff;

  457.     margin: 0 auto;

  458.     border-radius: 10px;

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

  460.     padding: 20px;

  461.   }

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

  463.     margin-bottom: 15px;

  464.   }

  465. 

  466.   .van-field__label {

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

  468.   }

  469.   .van-field__control {

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

  471.   }

  472.   .payee_box{

  473.     display: flex;

  474.     justify-content: space-between;

  475.     align-items: center;

  476.   }

  477.   .payee_box view{

  478.     display: flex;

  479.     justify-content: space-between;

  480.     align-items: center;

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

  482.   }

  483.   .payee_box view text{

  484.     margin-left: 5px;

  485.     color: #2C8E68;

  486.   }

  487.   .aaa{

  488.     color: red;

  489.   }

  490.   .payeeList {

  491.     padding: 10px 20px!important;

  492.   }

  493. .payeeList .van-collapse-item {

  494.   margin-top: 0;

  495. }

  496. .payeeList .van-collapse .van-cell {

  497.   padding: 10px 0!important;

  498. 

  499. }

  500. .payeeList van-field van-cell .van-cell{

  501.   margin-bottom: 0;

  502. }

  503. .payeeList .van-cell__value {

  504.   color: #E90000;

  505. }

  506. .payeeList .van-cell__title{

  507.   flex-shrink: 0;

  508.   max-width: inherit;

  509. }