朋友圈转发截图生成工具源码_朋友圈生成资源-CSDN文库

共4个文件

css：2个

js：1个

html：1个

微信

截图生成

需积分: 9 36 浏览量 2022-04-14 11:19:39 上传评论收藏 105KB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

朋友圈转发截图生成工具源码.rar （4个子文件）

朋友圈转发截图生成工具源码

css

main.min.js 293KB

style.min.css 4KB

mdui.min.css 318KB

index.html 27KB

<!doctype html> <html> <head> <title>朋友圈转发截图生成工具 - 微信朋友圈截图模拟器</title> <meta name="keywords" content="朋友圈转发截图生成工具,微信朋友圈截图模拟器,朋友圈转发点赞生成截图工具,朋友圈装逼图片在线制作,微信朋友圈装逼生成器大全" /> <meta name="description" content="朋友圈转发截图生成工具,微信朋友圈截图模拟器,朋友圈转发点赞生成截图工具,朋友圈装逼图片在线制作,微信朋友圈装逼生成器大全。" /> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport"> <meta content="TransparentLC" name="author"> <meta content="no-siteapp" http-equiv="Cache-Control"> <meta content="no-transform" http-equiv="Cache-Control"> <link href="css/mdui.min.css" rel="stylesheet"> <link href="css/style.min.css" rel="stylesheet"> <script> new URL(location.href).searchParams.has("debug") && (document.write('<scr' + 'ipt src="https://cdn.jsdelivr.net/npm/eruda"></scr' + 'ipt>'), document.write('<scr' + 'ipt>eruda.init()</scr' + 'ipt>')) </script> </head> <body class="mdui-appbar-with-toolbar mdui-theme-accent-pink mdui-theme-primary-indigo"> <header class="mdui-appbar mdui-appbar-fixed"> <div class="mdui-color-theme mdui-toolbar"> <span class="mdui-typo-title">朋友圈转发截图生成工具</span> <div class="mdui-toolbar-spacer"> </div> <a class="mdui-btn mdui-btn-icon" mdui-tooltip="{content:'关于'}" mdui-dialog="{target:'#about'}"> <i class="mdui-icon material-icons"> info_outline </i> </a> <a href="https://www.aqiyuanma.com" class="mdui-btn mdui-ripple mdui-btn-icon mdui-ripple-white" mdui-tooltip="{content:'查看 GitHub'}"> <svg class="mdui-icon" style="width:24px;height:24px" viewBox="0 0 36 36"> <path clip-rule="evenodd" d="M18,1.4C9,1.4,1.7,8.7,1.7,17.7c0,7.2,4.7,13.3,11.1,15.5c0.8,0.1,1.1-0.4,1.1-0.8c0-0.4,0-1.4,0-2.8c-4.5,1-5.5-2.2-5.5-2.2c-0.7-1.9-1.8-2.4-1.8-2.4c-1.5-1,0.1-1,0.1-1c1.6,0.1,2.5,1.7,2.5,1.7c1.5,2.5,3.8,1.8,4.7,1.4c0.1-1.1,0.6-1.8,1-2.2c-3.6-0.4-7.4-1.8-7.4-8.1c0-1.8,0.6-3.2,1.7-4.4c-0.2-0.4-0.7-2.1,0.2-4.3c0,0,1.4-0.4,4.5,1.7c1.3-0.4,2.7-0.5,4.1-0.5c1.4,0,2.8,0.2,4.1,0.5c3.1-2.1,4.5-1.7,4.5-1.7c0.9,2.2,0.3,3.9,0.2,4.3c1,1.1,1.7,2.6,1.7,4.4c0,6.3-3.8,7.6-7.4,8c0.6,0.5,1.1,1.5,1.1,3c0,2.2,0,3.9,0,4.5c0,0.4,0.3,0.9,1.1,0.8c6.5-2.2,11.1-8.3,11.1-15.5C34.3,8.7,27,1.4,18,1.4z" fill="#fff" fill-rule="evenodd" /> </svg> </a> </div> </header> <div class="mdui-container"> <div class="mdui-row"> <div class="mdui-col-sm-10 mdui-col-xs-8"> <div class="mdui-textfield"> <label class="mdui-textfield-label"> 用户名 </label> <input id="configName" type="text" class="mdui-textfield-input"> </div> </div> <div class="mdui-col-xs-4 mdui-col-sm-2"> <div class="mdui-textfield"> <label class="mdui-textfield-label">   </label> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById("configAvatar").click()"> 选择头像 </button> <input id="configAvatar" type="file" style="display:none"> </div> </div> </div> <div class="mdui-textfield"> <label class="mdui-textfield-label"> 正文 </label> <textarea class="mdui-textfield-input" id="configText"> </textarea> </div> <div class="mdui-textfield"> <label class="mdui-textfield-label"> 截图类型 </label> </div> <div class="mdui-row"> <div class="mdui-col-xs-6"> <label class="mdui-radio"> <input id="configTypeText" type="radio" name="group" checked> <i class="mdui-radio-icon"> </i> 纯文字 </label> </div> <div class="mdui-col-xs-6"> <label class="mdui-radio"> <input id="configTypeWebsite" type="radio" name="group"> <i class="mdui-radio-icon"> </i> 分享网页/公众号文章 </label> </div> <div class="mdui-col-xs-6"> <label class="mdui-radio"> <input id="configTypeSingleImage" type="radio" name="group"> <i class="mdui-radio-icon"> </i> 图片（单张） </label> </div> <div class="mdui-col-xs-6"> <label class="mdui-radio"> <input id="configTypeMultiImage" type="radio" name="group"> <i class="mdui-radio-icon"> </i> 图片（九宫格） </label> </div> </div> <div id="configWebsite" style="display:none"> <div class="mdui-textfield"> <label class="mdui-textfield-label"> 网页标题 </label> <input id="configArticleTitle" type="text" class="mdui-textfield-input" value="还不会用Google的你，就要被时代淘汰了"> </div> <div class="mdui-row"> <div class="mdui-col-xs-6"> <button class="mdui-btn mdui-btn-block mdui-text-color-theme-accent mdui-ripplet" onclick="document.getElementById("configArticleIcon").click()"> 上传网页图标 </button> <input id="configArticleIcon" type="file" style="display:none"> </div> <div class="mdui-col-xs-6"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="getArticleInfo()"> 自动获取公众号文章标题/封面图 </button> </div> </div> </div> <div id="configSingleImage" style="display:none"> <div class="mdui-row"> <div class="mdui-col-xs-6"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById("configSetSingleImage").click()"> 上传图片 </button> </div> <div class="mdui-col-xs-6"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="addPlayIcon()"> 添加视频播放图标 </button> </div> </div> <input id="configSetSingleImage" type="file" style="display:none"> </div> <div id="configMultiImage" style="display:none"> <div class="mdui-m-y-1"> 请按图片 1 - 9 的顺序添加图片～ <br> 如果只需要显示一张图片，建议选择“图片（单张）”。 </div> <div class="mdui-row"> <div class="mdui-col-xs-4"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById("configSetMultiImage1").click()"> 上传图片 1 </button> <input id="configSetMultiImage1" type="file" style="display:none"> </div> <div class="mdui-col-xs-4"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById("configSetMultiImage2").click()"> 上传图片 2 </button> <input id="configSetMultiImage2" type="file" style="display:none"> </div> <div class="mdui-col-xs-4"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById("configSetMultiImage3").click()"> 上传图片 3 </button> <input id="configSetMultiImage3" type="file" style="display:none"> </div> <div class="mdui-col-xs-4"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" onclick="document.getElementById("configSetMultiImage4").click()"> 上传图片 4 </button> <input id="configSetMultiImage4" type="file" style="display:none"> </div> <div class="mdui-col-xs-4"> <button class="mdui-btn mdui-ripple mdui-btn-block mdui-text-color-theme-accent" o