1 Star 2 Fork 0

jxtpr / wx_html

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

###有时间把这个组件改咯 ^.^

输入图片说明

wx_html

###仿微信公共号图片仓库前端组件,预览地址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

空文件

简介

图片上传 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/jxe/wx_html.git
git@gitee.com:jxe/wx_html.git
jxe
wx_html
wx_html
master

搜索帮助

14c37bed 8189591 565d56ea 8189591