212 lines
8.4 KiB
HTML
212 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
|
||
<link href="/jscss/style.css" rel="stylesheet" type="text/css" />
|
||
<script type="text/javascript" charset="utf-8" src="/jscss/theme.js"></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container">
|
||
<div class="ciy-caption">
|
||
<div class="mk"></div>
|
||
<div class="title">表单组件</div>
|
||
<div class="sub">com</div>
|
||
</div>
|
||
<div class="bg2 px3 py3">
|
||
<div>
|
||
<a class="btn sm" href="form_inputbet.html" target="_blank">inputbet</a>
|
||
带单位的文本框，方便输入数字、金额、百分比、吨、公斤等。<kbd>已倍增的数字</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_inputcyc.html" target="_blank">inputcyc</a>
|
||
数字周期，秒/天/月，负数是月，被86400整除是天<kbd>已按秒/月正负处理的数字</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_datetime.html" target="_blank">datetime</a>
|
||
选择日期、时间。<kbd>时间戳</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_daterange.html" target="_blank">daterange</a>
|
||
选择日期段。<kbd>日期1~日期2</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_timepoint.html" target="_blank">timepoint</a>
|
||
选择时分秒时刻。<kbd>秒数+1</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_inputunitedit.html" target="_blank">inputunitedit</a>
|
||
三级单位。换算关系。如 1支=24盒，1箱=30盒。<kbd>支|23|盒|30|箱</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_map.html" target="_blank">map</a>
|
||
选择地图上的经纬度。<kbd>lng</kbd><kbd>lat</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_md.html" target="_blank">markdown</a>
|
||
简化markdown编辑器，复制截图，编号标题。<kbd>[MD]xxx</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_radio.html" target="_blank">radio</a>
|
||
单选框。<kbd>数字ID</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_checkbox.html" target="_blank">checkbox</a>
|
||
复选框。<kbd>,ID1,ID2,ID3,</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_selcas.html" target="_blank">selcas</a>
|
||
多级下拉选择框。<kbd>数字ID</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_select.html" target="_blank">select</a>
|
||
下拉选择框。<kbd>数字ID</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_selmulti.html" target="_blank">selmulti</a>
|
||
下拉多选框。<kbd>,ID1,ID2,ID3,</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_switch.html" target="_blank">switch</a>
|
||
开关。1有效，2无效<kbd>数字</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_textarea.html" target="_blank">textarea</a>
|
||
多行文本框，支持tab键，统计字数，@用户弹出菜单。<kbd>内容</kbd>
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="form_upload.html" target="_blank">upload</a>
|
||
上传到多种云存储，粘贴截图，图片压缩改尺寸，文字水印。<kbd>相对url1~url2</kbd>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="height:1em;"> </div>
|
||
<div class="ciy-caption">
|
||
<div class="mk"></div>
|
||
<div class="title">功能组件</div>
|
||
<div class="sub"></div>
|
||
</div>
|
||
<div class="bg2 px3 py3">
|
||
<div>
|
||
<a class="btn sm" href="win_ajax.html" target="_blank">ajax</a>
|
||
通用函数。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="win_toast.html" target="_blank">toast</a>
|
||
通用提示框。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="win_showend.html" target="_blank">showend</a>
|
||
右下角叠加提示。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="win_alert.html" target="_blank">alert</a>
|
||
通用对话框。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="win_tabcard.html" target="_blank">tabcard</a>
|
||
选项卡。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="win_button.html" target="_blank">button</a>
|
||
按钮。
|
||
</div>
|
||
</div>
|
||
|
||
<div style="height:1em;"> </div>
|
||
<div class="ciy-caption">
|
||
<div class="mk"></div>
|
||
<div class="title">原理示例</div>
|
||
<div class="sub">com</div>
|
||
</div>
|
||
<div class="bg2 px3 py3">
|
||
<div>
|
||
<a class="btn sm" href="demo_dom.html" target="_blank">ciydom</a>
|
||
dom封装。替代jquery
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_shadow.html" target="_blank">shadow</a>
|
||
文字阴影CSS实现原理。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_flip.html" target="_blank">flip</a>
|
||
元素动画实现原理。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_drag.html" target="_blank">drag</a>
|
||
dom拖拽排序原理。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_css.html" target="_blank">css</a>
|
||
当前CSS示例。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_loading.html" target="_blank">loading</a>
|
||
Loading CSS3动画。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_cssn.html" target="_blank">cssn</a>
|
||
未来关注的CSS。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_jq.html" target="_blank">jq prop</a>
|
||
jq原型链式调用示例。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_proxy.html" target="_blank">proxy prop</a>
|
||
Proxy响应式示例。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="../lab/tesseract.html" target="_blank">tesseract</a>
|
||
文字OCR识别。
|
||
</div>
|
||
<div>
|
||
<a class="btn sm" href="demo_gamepad.html" target="_blank">gamepad</a>
|
||
GamePad手柄控制。
|
||
</div>
|
||
</div>
|
||
|
||
<div class="ciy-form inline"><label>滑动选择</label>
|
||
<div>
|
||
<input type="range" name="range1" />
|
||
</div>
|
||
</div>
|
||
<div wit-seltransfer></div>
|
||
|
||
</div>
|
||
|
||
<script type="text/javascript" src="/jscss/ciy.js"></script>
|
||
<script type="text/javascript" src="/jscss/ciycmp.js"></script>
|
||
<script type="text/javascript" src="/jscss/ciytable.js"></script>
|
||
<script type="text/javascript" src="../../common.js"></script>
|
||
<script type="text/javascript">
|
||
'use strict';
|
||
var table;
|
||
var Glob = {};
|
||
ciyfn.pageload(function () {
|
||
ciyfn.fillsearch({
|
||
searchdom: '.search'
|
||
, data: { once: {} }
|
||
, card_click: function (lidom) {
|
||
console.log(lidom);
|
||
//table.search(lidom,'li');
|
||
}
|
||
});
|
||
|
||
ciycmp({ dom: '[com=select1]', range: 'auditstatus', all: '全部' });
|
||
ciycmp({ dom: '[com=radio1]', range: 'auditstatus', all: '全部' });
|
||
ciycmp({ dom: '[com=switch1]' });
|
||
ciycmp({ dom: '[com=month1]' });
|
||
ciycmp({ dom: '[com=day1]' });
|
||
ciycmp({ dom: '[com=daterange1]' });
|
||
|
||
//$('[wit-seltransfer]').multiselect({ name: 'baseplantids', data: 'auditstatus' });
|
||
|
||
});
|
||
</script>
|
||
</body>
|
||
|
||
</html> |