代码拉取完成,页面将自动刷新
###有时间把这个组件改咯 ^.^
###仿微信公共号图片仓库前端组件,预览地址wx ###修改方方式:
1.将jxtpro.css/jxtpro.js分别粘贴到你的项目目录.将index.html中核心代码 ctrl+c + v 粘入body中:
<div class="jxtpro">
<div class="jxtpro_dialog" >
<div class="jxtpro_dialog_top">
<div class="photo_top">
<div class="photo_top_title">选择图片</div>
<div class="photo_top_opt">
<div class="opt_del">删除</div>
<div class="opt_upload">上传图片</div>
<img class="opt_cancel" src="/img/cancel.png"></img>
</div>
</div>
</div>
<div class="jxtpro_dialog_center">
<div class="photo_center_left">
<div class="group">
<div class="add_group">
<div class="add_group_title"><span>+</span>新建分类</div>
</div>
</div>
</div>
<div class="photo_center_right">
<div class="photo_content">
</div>
</div>
</div>
<div class="jxtpro_dialog_bottom">
<div class="photo_bottom">
<div class="photo_bottom_info">已选2个,可选100</div>
<div class="photo_bottom_ensure">
<div class="ensure">确定</div>
<div class="cancel">取消</div>
</div>
</div>
</div>
</div>
</div>
复制到[新的].html文件中
2.配置group[分组json文件]/imgs[图片json文件]
3.导入css/js
4.写入核心js:
<script>
jxtpro.init();
$('#upload').click(function(){
jxtpro.open();
});
jxtpro.del("#opt_del","click",function(){
alert("测试成功");
});
</script>
5.拓展自己的需求:-run - show - wx
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。