zhangzl
/
nsgk_wechat
1
0
Forkuj 0
Kod Zgłoszenia 0 Oczekujące zmiany 0 Wydania 0 Wiki Aktywność
微信小程序
Nie możesz wybrać więcej, niż 25 tematów Tematy muszą się zaczynać od litery lub cyfry, mogą zawierać myślniki ('-') i mogą mieć do 35 znaków.
181 Commity
3 Gałęzie
4.3 MiB
 
Drzewo: 36ffb27f2c
Gałęzie Tagi
${ item.name }
Utwórz gałąź ${ searchTerm }
z '36ffb27f2c'
${ noResults }
nsgk_wechat/pages/pay/detail.wxss

596 wiersze
11 KiB
Czysty Wina Historia 

  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: #000000!important;

  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 image{

  142.   width: 25%;

  143.   height: 18.5vw;

  144.   margin-left: 5%;

  145. }

  146. .fj-li image:nth-child(n+5){

  147.   margin-top: 15px;

  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: 48%;

  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. 

  177. .steps-box{

  178.   padding: 0;

  179. }

  180. .steps-box .van-row{

  181.   padding: 0 20px;

  182. }

  183. 

  184. .steps-box view{

  185.   margin-bottom: 0;

  186. }

  187. 

  188. .steps-box  .van-col{

  189.     position: relative;

  190.     height: 70px;

  191.   }

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

  193.     padding: 12PX 0;

  194.     padding-left: 10px;

  195.   }

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

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

  198.   }

  199.   .steps-box  .van-cell{

  200.     background: transparent;

  201.     padding: 0 10Px;

  202.   }

  203.   .steps-box  .bq{

  204.     display: inline-block;

  205.     padding: 0PX 10PX;

  206.     line-height: 0.64rem;

  207.     border-radius: 5PX;

  208.   }

  209.   .steps-box  .index{

  210.     background: #1D6FE9;

  211.     color: #ffffff;

  212.     text-align: center;

  213.     width: 20PX;

  214.     height: 20PX;

  215.     line-height: 20PX;

  216.     border-radius: 50%;

  217.     position: absolute;

  218.     left: 0;

  219.     top: 50%;

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

  221.   }

  222.   .steps-box  .indexCenter{

  223.     top: 0!important;

  224.   }

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

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

  227.   }

  228.   .steps-box  .indexBorder{

  229.     width: 10PX;

  230.     position: absolute;

  231.     right: 0;

  232.     top: 0;

  233.     height: 100%;

  234.     

  235.   }

  236.   .steps-box  .indexBorder .yq{

  237.     height: 10PX;

  238.     width: 10PX;

  239.     background: #C9C9C9;

  240.     border-radius: 50%;

  241.   }

  242.   .steps-box  .indexBorder .ss{

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

  244.     width: 1PX;

  245.     background: #C9C9C9;

  246.     position: relative;

  247.     left: 4PX;

  248.   }

  249.   .steps-box .indexBorder .ssT{

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

  251.     width: 1PX;

  252.     background: #C9C9C9;

  253.     position: relative;

  254.     left: 4PX;

  255.   }

  256.   .agree{

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

  258.     color:#5CAE77 ;

  259.     width: 80%;

  260.     text-align: center;

  261.     float: right;

  262.   }

  263.   .in{

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

  265.     color:#F5A327 ;

  266.     width: 80%;

  267.     text-align: center;

  268.     float: right;

  269.   }

  270.   .disagree{

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

  272.     color:#E90000 ;

  273.     width: 80%;

  274.     text-align: center;

  275.     float: right;

  276.   }

  277.   .steps-box .van-cell__title{

  278.     flex: 0.7;

  279.   }

  280.   .steps-box .van-cell__value{

  281.     flex: 0.3;

  282.   }

  283.   .steps-tit{

  284.     font-size: 16px;

  285.     text-align: center;

  286.     background-color: #2C8E68;

  287.     color: #ffffff;

  288.     padding: 20px 0;

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

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

  291.   }

  292.   .bottom{

  293.     text-align: center;

  294.     width: 100%;

  295.     margin-top: 50px;

  296.   }

  297. 

  298.   .bottom button {

  299.     width: 47%;

  300.     margin: 0 auto;

  301.     border-radius: 30px;

  302.     display: inline-block;

  303.   }

  304. 

  305. .btnAgree{

  306.   border: 1px solid transparent;

  307.   padding: 8px 0px;

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

  309.   color: #fff;

  310.   width: 47%;

  311.   margin: 0 auto;

  312.   border-radius: 30px;

  313.   display: inline-block;

  314.   text-align: center;

  315. }

  316. 

  317.   .btnOther{

  318.     border-color: #F2A438!important;

  319.     color: #ffffff!important;

  320.     background-image: linear-gradient(to right, #F2A438, #F2652E);

  321.     width: 100%!important;

  322.   }

  323. 

  324.   .input_tit{

  325.     border: 1px solid #DCDCDC;

  326.     padding: 0px 10px;

  327.     height: 32px;

  328.     line-height: 32px;

  329.     border-radius: 5px;

  330.     margin-bottom: 15px;

  331.   }

  332.   .img_box{

  333.     position: relative;

  334.     width: 100%;

  335.   }

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

  337.     left: -8px!important;

  338.   }

  339.   .input_money{

  340.     padding: 0px 10px;

  341.     height: 32px;

  342.     line-height: 32px;

  343.     color: #E90000;

  344.     font-size: 26px;

  345.     display: inline-block;

  346.     width: 70%;

  347.     text-align: center;

  348.   }

  349.   

  350.   .money_box{

  351.     font-size: 26px;

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

  353.     width: 70%;

  354.     margin: 0 auto;

  355.     margin-bottom: 15px;

  356.     color: #E90000;

  357.     display: flex;

  358.     align-items: center;

  359.     justify-content: center;

  360.   }

  361. 

  362.   .btnBox{

  363.     text-align: center;

  364.     position: relative;

  365.     height: 26px;

  366.   }

  367.   .down{

  368.     width: 15px;

  369.     height: 8px;

  370.     margin: 0 auto;

  371.     margin-top: 18px;

  372.   }

  373.   

  374.   .update{

  375.     width: 26px;

  376.     height: 26px;

  377.     position: absolute;

  378.     right: 41px;

  379.   }

  380.   .delete{

  381.     width: 26px;

  382.     height: 26px;

  383.     position: absolute;

  384.     right: 0;

  385.   }

  386. 

  387.   .van-collapse-item {

  388.     background: transparent;

  389.       margin: 0 auto;

  390.       width: 100%;

  391.       margin: 0 auto;

  392.       margin-top: 15px;

  393.   }

  394.   .van-collapse-item__content{

  395.     padding: 0!important;

  396.   }

  397.   

  398.   .van-collapse .van-cell{

  399.     padding: 0;

  400.     background: transparent;

  401.   }

  402. 

  403.   .van-collapse .tit_box .title{

  404.     text-align: center;

  405.     font-size: 18px;

  406.   }

  407.   .van-collapse .main-box{

  408.     /* padding: 0;

  409.     box-shadow: none; */

  410.   }

  411.   .van-collapse .tit_box{

  412.     width: 94%;

  413.     background: #ffffff;

  414.     margin: 0 auto;

  415.     border-radius: 10px;

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

  417.     padding: 20px;

  418.   }

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

  420.     margin-bottom: 15px;

  421.   }

  422.   

  423. .steps-box{

  424.   padding: 0;

  425. }

  426. .steps-box .van-row{

  427.   padding: 0 20px;

  428. }

  429. 

  430. .steps-box view{

  431.   margin-bottom: 0;

  432. }

  433. 

  434. .steps-box  .van-col{

  435.     position: relative;

  436.     height: 90px;

  437.   }

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

  439.     padding: 12PX 0;

  440.     padding-left: 10px;

  441.   }

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

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

  444.   }

  445.   .steps-box  .van-cell{

  446.     background: transparent;

  447.     padding: 0 10Px;

  448.   }

  449.   .steps-box  .bq{

  450.     display: inline-block;

  451.     padding: 0PX 10PX;

  452.     line-height: 0.64rem;

  453.     border-radius: 5PX;

  454.   }

  455.   .steps-box  .index{

  456.     background: #C9C9C9;

  457.     color: #ffffff;

  458.     text-align: center;

  459.     width: 20PX;

  460.     height: 20PX;

  461.     line-height: 20PX;

  462.     border-radius: 50%;

  463.     position: absolute;

  464.     left: 0;

  465.     top: 50%;

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

  467.   }

  468.   .steps-box  .active{

  469.     background: #2C8E68;

  470.   }

  471.   

  472.   .steps-box  .indexCenter{

  473.     top: 0!important;

  474.   }

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

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

  477.   }

  478.   .steps-box  .indexBorder{

  479.     width: 10PX;

  480.     position: absolute;

  481.     right: 0;

  482.     top: 0;

  483.     height: 100%;

  484.     

  485.   }

  486.   .steps-box  .indexBorder .yq{

  487.     height: 10PX;

  488.     width: 10PX;

  489.     background: #C9C9C9;

  490.     border-radius: 50%;

  491.   }

  492.   .steps-box  .indexBorder .ss{

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

  494.     width: 1PX;

  495.     background: #C9C9C9;

  496.     position: relative;

  497.     left: 4PX;

  498.   }

  499.   .steps-box .indexBorder .ssT{

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

  501.     width: 1PX;

  502.     background: #C9C9C9;

  503.     position: relative;

  504.     left: 4PX;

  505.   }

  506.   .agree{

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

  508.     color:#5CAE77 ;

  509.     width: 80%;

  510.     text-align: center;

  511.     float: right;

  512.   }

  513.   .in{

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

  515.     color:#F5A327 ;

  516.     width: 80%;

  517.     text-align: center;

  518.     float: right;

  519.   }

  520.   .disagree{

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

  522.     color:#E90000 ;

  523.     width: 80%;

  524.     text-align: center;

  525.     float: right;

  526.   }

  527.   .steps-box .van-cell__title{

  528.     flex: 0.7;

  529.   }

  530.   .steps-box .van-cell__value{

  531.     flex: 0.3;

  532.   }

  533.   .steps-tit{

  534.     font-size: 16px;

  535.     text-align: center;

  536.     background-color: #2C8E68;

  537.     color: #ffffff;

  538.     padding: 20px 0;

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

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

  541.   }

  542. 

  543.   .bottom button {

  544.     width: 47%;

  545.     margin: 0 auto;

  546.     border-radius: 30px;

  547.     display: inline-block;

  548.   }

  549. 

  550. 

  551.   .input_tit{

  552.     border: 1px solid #DCDCDC;

  553.     padding: 0px 10px;

  554.     height: 32px;

  555.     line-height: 32px;

  556.     border-radius: 5px;

  557.     margin-bottom: 15px;

  558.   }

  559.   .img_box{

  560.     position: relative;

  561.     width: 100%;

  562.   }

  563.   .cellTit{

  564.     display: flex;

  565.     justify-content: space-between;

  566.   }

  567.   .cellTit text{

  568.     width: 50%;

  569.     display: -webkit-box;

  570.     -webkit-box-orient: vertical;

  571.     -webkit-line-clamp: 1;

  572.     word-break: break-all;

  573.     overflow: hidden;

  574.   }

  575. 

  576. 

  577.   .payeeList {

  578.     padding: 10px 20px!important;

  579.   }

  580. .payeeList .van-collapse-item {

  581.   margin-top: 0;

  582. }

  583. .payeeList .van-collapse .van-cell {

  584.   padding: 10px 0!important;

  585. 

  586. }

  587. .payeeList van-field van-cell .van-cell{

  588.   margin-bottom: 0;

  589. }

  590. .payeeList .van-cell__value {

  591.   color: #E90000;

  592. }

  593. .payeeList .van-cell__title{

  594.   flex-shrink: 0;

  595.   max-width: inherit;

  596. }