zhangzl
/
nsgk_wechat
1
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
微信小程序
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
163 커밋
3 브랜치
4.3 MiB
 
트리: c3078b483e
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from 'c3078b483e'
${ noResults }
nsgk_wechat/pages/pay/detail.wxss

576 lines
10 KiB
Raw Blame 히스토리 

  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.   margin-top: 15px;

  180. }

  181. .steps-box .van-row{

  182.   padding: 0 20px;

  183. }

  184. 

  185. .steps-box view{

  186.   margin-bottom: 0;

  187. }

  188. 

  189. .steps-box  .van-col{

  190.     position: relative;

  191.     height: 70px;

  192.   }

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

  194.     padding: 12PX 0;

  195.     padding-left: 10px;

  196.   }

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

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

  199.   }

  200.   .steps-box  .van-cell{

  201.     background: transparent;

  202.     padding: 0 10Px;

  203.   }

  204.   .steps-box  .bq{

  205.     display: inline-block;

  206.     padding: 0PX 10PX;

  207.     line-height: 0.64rem;

  208.     border-radius: 5PX;

  209.   }

  210.   .steps-box  .index{

  211.     background: #1D6FE9;

  212.     color: #ffffff;

  213.     text-align: center;

  214.     width: 20PX;

  215.     height: 20PX;

  216.     line-height: 20PX;

  217.     border-radius: 50%;

  218.     position: absolute;

  219.     left: 0;

  220.     top: 50%;

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

  222.   }

  223.   .steps-box  .indexCenter{

  224.     top: 0!important;

  225.   }

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

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

  228.   }

  229.   .steps-box  .indexBorder{

  230.     width: 10PX;

  231.     position: absolute;

  232.     right: 0;

  233.     top: 0;

  234.     height: 100%;

  235.     

  236.   }

  237.   .steps-box  .indexBorder .yq{

  238.     height: 10PX;

  239.     width: 10PX;

  240.     background: #C9C9C9;

  241.     border-radius: 50%;

  242.   }

  243.   .steps-box  .indexBorder .ss{

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

  245.     width: 1PX;

  246.     background: #C9C9C9;

  247.     position: relative;

  248.     left: 4PX;

  249.   }

  250.   .steps-box .indexBorder .ssT{

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

  252.     width: 1PX;

  253.     background: #C9C9C9;

  254.     position: relative;

  255.     left: 4PX;

  256.   }

  257.   .agree{

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

  259.     color:#5CAE77 ;

  260.     width: 80%;

  261.     text-align: center;

  262.     float: right;

  263.   }

  264.   .in{

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

  266.     color:#F5A327 ;

  267.     width: 80%;

  268.     text-align: center;

  269.     float: right;

  270.   }

  271.   .disagree{

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

  273.     color:#E90000 ;

  274.     width: 80%;

  275.     text-align: center;

  276.     float: right;

  277.   }

  278.   .steps-box .van-cell__title{

  279.     flex: 0.7;

  280.   }

  281.   .steps-box .van-cell__value{

  282.     flex: 0.3;

  283.   }

  284.   .steps-tit{

  285.     font-size: 16px;

  286.     text-align: center;

  287.     background-color: #2C8E68;

  288.     color: #ffffff;

  289.     padding: 20px 0;

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

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

  292.   }

  293.   .bottom{

  294.     text-align: center;

  295.     width: 100%;

  296.     position:fixed;

  297.     bottom:30px;

  298.   }

  299. 

  300.   .bottom button {

  301.     width: 47%;

  302.     margin: 0 auto;

  303.     border-radius: 30px;

  304.     display: inline-block;

  305.   }

  306. 

  307. .btnAgree{

  308.   border: 1px solid transparent;

  309.   padding: 8px 0px;

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

  311.   color: #fff;

  312.   width: 47%;

  313.   margin: 0 auto;

  314.   border-radius: 30px;

  315.   display: inline-block;

  316.   text-align: center;

  317. }

  318. 

  319.   .btnOther{

  320.     border-color: #F2A438!important;

  321.     color: #ffffff!important;

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

  323.     width: 100%!important;

  324.   }

  325. 

  326.   .input_tit{

  327.     border: 1px solid #DCDCDC;

  328.     padding: 0px 10px;

  329.     height: 32px;

  330.     line-height: 32px;

  331.     border-radius: 5px;

  332.     margin-bottom: 15px;

  333.   }

  334.   .img_box{

  335.     position: relative;

  336.     width: 100%;

  337.   }

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

  339.     left: -8px!important;

  340.   }

  341.   .input_money{

  342.     padding: 0px 10px;

  343.     height: 32px;

  344.     line-height: 32px;

  345.     color: #E90000;

  346.     font-size: 26px;

  347.     display: inline-block;

  348.     width: 70%;

  349.     text-align: center;

  350.   }

  351.   

  352.   .money_box{

  353.     font-size: 26px;

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

  355.     width: 70%;

  356.     margin: 0 auto;

  357.     margin-bottom: 15px;

  358.     color: #E90000;

  359.     display: flex;

  360.     align-items: center;

  361.     justify-content: center;

  362.   }

  363. 

  364.   .btnBox{

  365.     text-align: center;

  366.     position: relative;

  367.     height: 26px;

  368.   }

  369.   .down{

  370.     width: 15px;

  371.     height: 8px;

  372.     margin: 0 auto;

  373.     margin-top: 18px;

  374.   }

  375.   

  376.   .update{

  377.     width: 26px;

  378.     height: 26px;

  379.     position: absolute;

  380.     right: 41px;

  381.   }

  382.   .delete{

  383.     width: 26px;

  384.     height: 26px;

  385.     position: absolute;

  386.     right: 0;

  387.   }

  388. 

  389.   .van-collapse-item {

  390.     background: transparent;

  391.       margin: 0 auto;

  392.       width: 100%;

  393.       margin: 0 auto;

  394.       margin-top: 15px;

  395.   }

  396.   .van-collapse-item__content{

  397.     padding: 0!important;

  398.   }

  399.   

  400.   .van-collapse .van-cell{

  401.     padding: 0;

  402.     background: transparent;

  403.   }

  404. 

  405.   .van-collapse .tit_box .title{

  406.     text-align: center;

  407.     font-size: 18px;

  408.   }

  409.   .van-collapse .main-box{

  410.     /* padding: 0;

  411.     box-shadow: none; */

  412.   }

  413.   .van-collapse .tit_box{

  414.     width: 94%;

  415.     background: #ffffff;

  416.     margin: 0 auto;

  417.     border-radius: 10px;

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

  419.     padding: 20px;

  420.   }

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

  422.     margin-bottom: 15px;

  423.   }

  424.   

  425. .steps-box{

  426.   padding: 0;

  427. }

  428. .steps-box .van-row{

  429.   padding: 0 20px;

  430. }

  431. 

  432. .steps-box view{

  433.   margin-bottom: 0;

  434. }

  435. 

  436. .steps-box  .van-col{

  437.     position: relative;

  438.     height: 90px;

  439.   }

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

  441.     padding: 12PX 0;

  442.     padding-left: 10px;

  443.   }

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

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

  446.   }

  447.   .steps-box  .van-cell{

  448.     background: transparent;

  449.     padding: 0 10Px;

  450.   }

  451.   .steps-box  .bq{

  452.     display: inline-block;

  453.     padding: 0PX 10PX;

  454.     line-height: 0.64rem;

  455.     border-radius: 5PX;

  456.   }

  457.   .steps-box  .index{

  458.     background: #C9C9C9;

  459.     color: #ffffff;

  460.     text-align: center;

  461.     width: 20PX;

  462.     height: 20PX;

  463.     line-height: 20PX;

  464.     border-radius: 50%;

  465.     position: absolute;

  466.     left: 0;

  467.     top: 50%;

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

  469.   }

  470.   .steps-box  .active{

  471.     background: #2C8E68;

  472.   }

  473.   

  474.   .steps-box  .indexCenter{

  475.     top: 0!important;

  476.   }

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

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

  479.   }

  480.   .steps-box  .indexBorder{

  481.     width: 10PX;

  482.     position: absolute;

  483.     right: 0;

  484.     top: 0;

  485.     height: 100%;

  486.     

  487.   }

  488.   .steps-box  .indexBorder .yq{

  489.     height: 10PX;

  490.     width: 10PX;

  491.     background: #C9C9C9;

  492.     border-radius: 50%;

  493.   }

  494.   .steps-box  .indexBorder .ss{

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

  496.     width: 1PX;

  497.     background: #C9C9C9;

  498.     position: relative;

  499.     left: 4PX;

  500.   }

  501.   .steps-box .indexBorder .ssT{

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

  503.     width: 1PX;

  504.     background: #C9C9C9;

  505.     position: relative;

  506.     left: 4PX;

  507.   }

  508.   .agree{

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

  510.     color:#5CAE77 ;

  511.     width: 80%;

  512.     text-align: center;

  513.     float: right;

  514.   }

  515.   .in{

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

  517.     color:#F5A327 ;

  518.     width: 80%;

  519.     text-align: center;

  520.     float: right;

  521.   }

  522.   .disagree{

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

  524.     color:#E90000 ;

  525.     width: 80%;

  526.     text-align: center;

  527.     float: right;

  528.   }

  529.   .steps-box .van-cell__title{

  530.     flex: 0.7;

  531.   }

  532.   .steps-box .van-cell__value{

  533.     flex: 0.3;

  534.   }

  535.   .steps-tit{

  536.     font-size: 16px;

  537.     text-align: center;

  538.     background-color: #2C8E68;

  539.     color: #ffffff;

  540.     padding: 20px 0;

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

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

  543.   }

  544. 

  545.   .bottom button {

  546.     width: 47%;

  547.     margin: 0 auto;

  548.     border-radius: 30px;

  549.     display: inline-block;

  550.   }

  551. 

  552. 

  553.   .input_tit{

  554.     border: 1px solid #DCDCDC;

  555.     padding: 0px 10px;

  556.     height: 32px;

  557.     line-height: 32px;

  558.     border-radius: 5px;

  559.     margin-bottom: 15px;

  560.   }

  561.   .img_box{

  562.     position: relative;

  563.     width: 100%;

  564.   }

  565.   .cellTit{

  566.     display: flex;

  567.     justify-content: space-between;

  568.   }

  569.   .cellTit text{

  570.     width: 50%;

  571.     display: -webkit-box;

  572.     -webkit-box-orient: vertical;

  573.     -webkit-line-clamp: 1;

  574.     word-break: break-all;

  575.     overflow: hidden;

  576.   }