anyv / xkeasy · 提交

转到一个项目

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

1

内嵌 并排对比
正在显示 1 个修改的文件 包含 106 行增加 和 0 行删除
... ... @@ -8,8 +8,59 @@
<title>学考无忧-收入记录</title>
<link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css">
<link rel="stylesheet" href="__TMPL__/public/assets/css/mui.picker.min.css">
</head>
<style>
.time {
display: flex;
display: -webkit-flex;
justify-content: space-around;
align-items: center;
padding: 0.3rem 0 0.14rem 0;
}
.time_btn {
width: 1.16rem;
height: 0.64rem;
background: linear-gradient(328deg, rgba(255, 78, 0, 1) 0%, rgba(255, 157, 45, 1) 100%);
box-shadow: 0 0.06rem 0.12rem rgba(255, 128, 0, 0.24);
opacity: 1;
border-radius: 0.08rem;
text-align: center;
line-height: 0.64rem;
font-size: 0.28rem;
color: rgba(255, 255, 255, 1);
}
.time button {
width: 2.2rem;
height: 0.64rem;
background: rgba(235, 235, 235, 1);
border-radius: 0.32rem;
text-align: center;
font-size: 0.26rem;
color: rgba(153, 153, 153, 1);
border: none;
outline: 0;
}
.mui-poppicker-header,
.mui-picker {
background-color: white;
}
.mui-btn-blue,
.mui-btn-primary,
input[type=submit] {
background-color: #FF7700;
border: 0;
}
.mui-pciker-list li.highlight {
color: #FF7700;
}
</style>
<body>
<!-- 顶部 -->
<div class="order_top">
... ... @@ -18,6 +69,18 @@
</a>
<p>收入记录</p>
</div>
<div class="time">
<div class="start_time">
<button id='result' data-options='{"type":"date"}'>选择起始时间</button>
</div>
<div class="end_time">
<button id='ss' data-options='{"type":"date"}'>选择截止时间 </button>
</div>
<div class="time_btn">重置</div>
</div>
<div class="record_Box">
<ul>
<volist name="res" id="vo">
... ... @@ -61,6 +124,49 @@
<!-- 底部更多 -->
<div class="in_what">—— 已经到底了哦 ——</div>
<script src="__TMPL__/public/assets/js/base.js"></script>
<script src="__TMPL__/public/assets/js/mui.min.js"></script>
<script src="__TMPL__/public/assets/js/mui.picker.min.js"></script>
<script src="__TMPL__/public/assets/js/city.data-3.js"></script>
<script src="__TMPL__/public/assets/js/jquery.js"></script>
<script>
var start_time = 0,end_time = 0,time_btn=$(".time_btn");
(function($) {
$.init();
var result = $('#result')[0];
var ss = document.getElementById("ss");
var btns = $('.btn');
result.addEventListener('tap', function() {
var optionsJson = this.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var id = this.getAttribute('id');
var picker = new $.DtPicker(options);
picker.show(function(rs) {
result.innerText = rs.text;
picker.dispose();
start_time = 1;
});
if(start_time==1&&end_time==1){
time_btn[0].innerText = '搜索'
}
}, false);
ss.addEventListener('tap', function() {
var optionsJson = this.getAttribute('data-options') || '{}';
var options = JSON.parse(optionsJson);
var id = this.getAttribute('id');
var picker = new $.DtPicker(options);
picker.show(function(rs) {
ss.innerText = rs.text;
picker.dispose();
end_time = 1
if(start_time==1&&end_time==1){
time_btn[0].innerText = '搜索'
}
});
}, false);
})(mui);
</script>
</body>
</html>
\ No newline at end of file
... ...