hrtml引入
```
<!-- 引入自定義css/js -->
{include file="../application/templates/pc/phpwcpcmb/header_common.html" /}
{include file="../application/templates/pc/phpwcpcmb/footer_common.html" /}
```
頭部
```
<!-- layui-css -->
<link rel="stylesheet" type="text/css" href="__RES__/phpwcjscss/layui/css/layui.css" />
<!-- 字體圖標庫 -->
<link rel="stylesheet" type="text/css" href="__STATIC__/font-awesome/css/font-awesome.min.css">
<!-- jquery-js -->
<script type="text/javascript" src="__RES__/phpwcjscss/jquery/jquery-3.1.1.js"></script>
<script type="text/javascript" src="__RES__/phpwcjscss/jquery/jquery.SuperSlide.2.1.3"></script>
<!-- layui-js -->
<script type="text/javascript" src="__RES__/phpwcjscss/layui/layui.js"></script>
<!--一鍵復制JS-->
<script type="text/javascript" src="__RES__/phpwcjscss/clipboard/clipboard.js"></script>
```
尾部
```
<!--加載layui JS開始-->
<script>
;!function(){
//無需再執行layui.use()方法加載模塊，直接使用即可
var form = layui.form
,layer = layui.layer;
}();
layui.use('element', function(){
var element = layui.element;
//一些事件監聽
element.on('tab(demo)', function(data){
console.log(data);
});
});
</script>
<script>
layui.use('form', function(){
var form = layui.form;
});
</script>
<script>
// 時間選擇器（不含分秒）
layui.use('laydate', function(){
var laydate = layui.laydate;
//執行一個laydate實例
laydate.render({
elem: '#time_t' //指定元素
,min: '2020-01-01' //最小可選日期
,max: '2099-12-30' //最大可選日期
});
});
</script>
<script>
// 時間選擇器（包含分秒）
layui.use('laydate', function(){
var laydate = layui.laydate;
//執行一個laydate實例
laydate.render({
elem: '#time_s' //指定元素
,type: 'datetime'
});
});
</script>
<script>
// 圖片上傳a
layui.use('upload', function(){
var $ = layui.jquery
,upload = layui.upload;
// 普通圖片上傳
var uploadInst = upload.render({
elem: '#imga'
,url: '/phpurl/img_file.php' //改成您自己的上傳接口
//,url: './source/plugin/phpwc_weike/inc/api/post_file.php' //改成您自己的上傳接口
//預讀本地文件示例，不支持ie8
,before: function(obj){
obj.preview(function(index, file, result){
$('#imga_demo').attr('src', result); //圖片鏈接（base64）
});
}
// 上傳后回調
,done: function(res){
layer.closeAll('loading');
layer.msg("上傳成功！");
$('input[name="imgaurl"]').val(res.msg);
}
});
});
</script>
<script>
// 圖片上傳b
layui.use('upload', function(){
var $ = layui.jquery
,upload = layui.upload;
// 普通圖片上傳
var uploadInst = upload.render({
elem: '#imgb'
,url: '/phpurl/img_file.php' //改成您自己的上傳接口
//預讀本地文件示例，不支持ie8
,before: function(obj){
obj.preview(function(index, file, result){
$('#imgb_demo').attr('src', result); //圖片鏈接（base64）
});
}
// 上傳后回調
,done: function(res){
layer.closeAll('loading');
layer.msg("上傳成功！");
$('input[name="imgburl"]').val(res.msg);
}
});
});
</script>
<script>
// 圖片上傳c
layui.use('upload', function(){
var $ = layui.jquery
,upload = layui.upload;
// 普通圖片上傳
var uploadInst = upload.render({
elem: '#imgc'
,url: '/phpurl/img_file.php' //改成您自己的上傳接口
//預讀本地文件示例，不支持ie8
,before: function(obj){
obj.preview(function(index, file, result){
$('#imgc_demo').attr('src', result); //圖片鏈接（base64）
});
}
// 上傳后回調
,done: function(res){
layer.closeAll('loading');
layer.msg("上傳成功！");
$('input[name="imgcurl"]').val(res.msg);
}
});
});
</script>
<script>
// 圖片上傳z
layui.use('upload', function(){
var $ = layui.jquery
,upload = layui.upload;
// 普通圖片上傳
var uploadInst = upload.render({
elem: '#imgz'
,url: '/phpurl/img_file.php' //改成您自己的上傳接口
//預讀本地文件示例，不支持ie8
,before: function(obj){
obj.preview(function(index, file, result){
$('#imgz_demo').attr('src', result); //圖片鏈接（base64）
});
}
// 上傳后回調
,done: function(res){
layer.closeAll('loading');
layer.msg("上傳成功！");
$('input[name="imgzurl"]').val(res.msg);
}
});
});
</script>
<!--加載layui JS結束-->
<script>
var clipboard = new ClipboardJS('.btn');
/*復制成功或失敗后提示，不需要可刪除*/
clipboard.on('success', function(e) {
alert('復制成功，快去使用吧！');
});
clipboard.on('error', function(e) {
console.log('復制失敗了，可能瀏覽器不支持。');
});
/*復制成功或失敗后提示，不需要可刪除*/
</script>
```
