anyv / xkeasy · 提交

转到一个项目

作者 anyv
提交 769b522f7709500c8c339722d77c2bbaa3f42c62 1 个父辈 0e5f6d82
1 个管道 的构建 通过 耗费 0 秒

1

内嵌 并排对比
正在显示 1 个修改的文件 包含 106 行增加 和 0 行删除
@@ -8,8 +8,59 @@ @@ -8,8 +8,59 @@
8 <title>学考无忧-收入记录</title> 8 <title>学考无忧-收入记录</title>
9 <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css"> 9 <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
10 <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css"> 10 <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
  11 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css">
  12 + <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css">
11 </head> 13 </head>
  14 +<style>
  15 + .time {
  16 + display: flex;
  17 + display: -webkit-flex;
  18 + justify-content: space-around;
  19 + align-items: center;
  20 + padding: 0.3rem 0 0.14rem 0;
  21 + }
12 22
  23 + .time_btn {
  24 + width: 1.16rem;
  25 + height: 0.64rem;
  26 + background: linear-gradient(328deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%);
  27 + box-shadow: 0 0.06rem 0.12rem rgba(255, 128, 0, 0.24);
  28 + opacity: 1;
  29 + border-radius: 0.08rem;
  30 + text-align: center;
  31 + line-height: 0.64rem;
  32 + font-size: 0.28rem;
  33 + color: rgba(255, 255, 255, 1);
  34 + }
  35 +
  36 + .time button {
  37 + width: 2.2rem;
  38 + height: 0.64rem;
  39 + background: rgba(235, 235, 235, 1);
  40 + border-radius: 0.32rem;
  41 + text-align: center;
  42 + font-size: 0.26rem;
  43 + color: rgba(153, 153, 153, 1);
  44 + border: none;
  45 + outline: 0;
  46 + }
  47 +
  48 + .mui-poppicker-header,
  49 + .mui-picker {
  50 + background-color: white;
  51 + }
  52 +
  53 + .mui-btn-blue,
  54 + .mui-btn-primary,
  55 + input[type=submit] {
  56 + background-color: #FF7700;
  57 + border: 0;
  58 + }
  59 +
  60 + .mui-pciker-list li.highlight {
  61 + color: #FF7700;
  62 + }
  63 +</style>
13 <body> 64 <body>
14 <!-- 顶部 --> 65 <!-- 顶部 -->
15 <div class="order_top"> 66 <div class="order_top">
@@ -18,6 +69,18 @@ @@ -18,6 +69,18 @@
18 </a> 69 </a>
19 <p>收入记录</p> 70 <p>收入记录</p>
20 </div> 71 </div>
  72 +
  73 +<div class="time">
  74 + <div class="start_time">
  75 + <button id='result' data-options='{"type":"date"}'>选择起始时间</button>
  76 + </div>
  77 + <div class="end_time">
  78 + <button id='ss' data-options='{"type":"date"}'>选择截止时间 </button>
  79 + </div>
  80 + <div class="time_btn">重置</div>
  81 +</div>
  82 +
  83 +
21 <div class="record_Box"> 84 <div class="record_Box">
22 <ul> 85 <ul>
23 <volist name="res" id="vo"> 86 <volist name="res" id="vo">
@@ -61,6 +124,49 @@ @@ -61,6 +124,49 @@
61 <!-- 底部更多 --> 124 <!-- 底部更多 -->
62 <div class="in_what">—— 已经到底了哦 ——</div> 125 <div class="in_what">—— 已经到底了哦 ——</div>
63 <script src="__TMPL__/public/assets/js/base.js"></script> 126 <script src="__TMPL__/public/assets/js/base.js"></script>
  127 +<script src="__TMPL__/public/assets/js/mui.min.js"></script>
  128 +<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
  129 +<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
  130 +<script src="__TMPL__/public/assets/js/jquery.js"></script>
  131 +<script>
  132 + var start_time = 0,end_time = 0,time_btn=$(".time_btn");
  133 + (function($) {
  134 + $.init();
  135 + var result = $('#result')[0];
  136 + var ss = document.getElementById("ss");
  137 + var btns = $('.btn');
  138 + result.addEventListener('tap', function() {
  139 + var optionsJson = this.getAttribute('data-options') || '{}';
  140 + var options = JSON.parse(optionsJson);
  141 + var id = this.getAttribute('id');
  142 + var picker = new $.DtPicker(options);
  143 + picker.show(function(rs) {
  144 + result.innerText = rs.text;
  145 + picker.dispose();
  146 + start_time = 1;
  147 + });
  148 + if(start_time==1&&end_time==1){
  149 + time_btn[0].innerText = '搜索'
  150 + }
  151 +
  152 + }, false);
  153 + ss.addEventListener('tap', function() {
  154 + var optionsJson = this.getAttribute('data-options') || '{}';
  155 + var options = JSON.parse(optionsJson);
  156 + var id = this.getAttribute('id');
  157 + var picker = new $.DtPicker(options);
  158 + picker.show(function(rs) {
  159 + ss.innerText = rs.text;
  160 + picker.dispose();
  161 + end_time = 1
  162 + if(start_time==1&&end_time==1){
  163 + time_btn[0].innerText = '搜索'
  164 + }
  165 + });
  166 +
  167 + }, false);
  168 + })(mui);
  169 +</script>
64 </body> 170 </body>
65 171
66 </html> 172 </html>