<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>在线微信对话生成器 - 企业猫源码网</title>
<meta name="keywords" content="免费在线微信对话生成器" />
<meta name="description" content="在线微信对话生成器是一款在线微信聊天对话制作的工具" />
<meta name="render" content="webkit">
<link rel="icon" href="favicon.png">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="telephone=no, address=no" name="format-detection">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<script type="text/javascript">
var _path = { images: '' }
var page = { data: {} }
</script>
<link rel="stylesheet" href="static/app/css/zui.min.css">
<link rel="stylesheet" href="static/app/css/app.css">
<link rel="stylesheet" href="static/app/css/wallet.css">
<script type="text/javascript" src="static/app/js/common.bundle.js"></script>
<script type="text/javascript" src="static/app/js/chat.bundle.js"></script>
</head>
<body>
<div id="vueApp" class="wrapper">
<div class="container-fluid page-content">
<div id="pageHeader">微信对话生成器</div>
<div class="edit-content">
<div class="tab">
<ul class="nav nav-tabs">
<li class="active"><a data-tab href="#tabContent1">外观设置</a></li>
<li><a data-tab href="#tabContent2">对话设置</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tabContent1">
<!-- 外观设置 -->
<div class="view-setting">
<div class="view-set-item">
<span>手机信号：</span>
<select v-model="phone.single" class="form-control">
<option value="1">1格</option>
<option value="2">2格</option>
<option value="3">3格</option>
<option value="4" selected="selected">4格</option>
</select>
</div>
<div class="view-set-item">
<span>网络信号：</span>
<select v-model="phone.wifi" class="form-control">
<option value="1">wifi</option>
<option value="2">3G</option>
<option value="3">4G</option>
<option value="4">5G</option>
</select>
</div>
<div class="view-set-item">
<span>wifi信号：</span>
<select v-model="phone.wifi_single" class="form-control">
<option value="1">1格</option>
<option value="2">2格</option>
<option value="3" selected="selected">3格</option>
</select>
</div>
<div class="view-set-item">
<span>手机时间：</span>
<select v-model="phone.time_hour" class="form-control edit-phone-time-hour"></select>
<select v-model="phone.time_mini" class="form-control edit-phone-time-mini"></select>
</div>
<div class="view-set-item">
<span>充电中：</span>
<label class="my-radio"><input type="radio" name="charge"v-model="phone.battery_charge" value="1"> 是</label>
<label class="my-radio"><input type="radio" name="charge"v-model="phone.battery_charge" value="0" checked> 否</label>
</div>
<div class="view-set-item">
<span>手机电量：</span>
<input @change="onBatteryChange($event)" type="range" v-model="phone.battery_amount"
min="0" max="100" value="50" />
{{phone.battery_amount}}%
</div>
<div class="view-set-item">
<span>听筒模式：</span>
<label class="my-radio"><input type="radio" name="phone-ear" v-model="phone.ear" value="1"> 是</label>
<label class="my-radio"><input type="radio" name="phone-ear" v-model="phone.ear" value="0" checked> 否</label>
</div>
<div class="view-set-item">
<span>消息数目：</span>
<input type="number" name="phone-msg-count" class="form-control" v-model.number="setting.message">
</div>
<div class="view-set-item">
<span>聊天标题：</span>
<input type="text" class="form-control" v-model="setting.title">
</div>
<div class="view-set-item">
<span>语音模式：</span>
<label class="my-radio"><input type="radio" name="phone-voice" v-model="setting.voice" value="1"> 是</label>
<label class="my-radio"><input type="radio" name="phone-voice" v-model="setting.voice" value="0" checked> 否</label>
</div>
<div class="view-set-item">
<span>聊天背景：</span>
<a class="a-phone-set-bg" href="javascript:;" title="选择背景图">
<font>+</font>
<img class="img-phone-set-bg" :src="setting.background" />
<input @change="setBackground($event)" type="file" />
<span @click="deleteBackground" v-if="setting.background != ''">x</span>
</a>
</div>
</div>
</div>
<!-- 对话设置 -->
<div class="tab-pane" id="tabContent2">
<div class="dialog-user">
<div class="dialog-user-title">编辑和选择用户（<font>第一个用户默认是自己</font>）</div>
<div class="dialog-user-items">
<div class="dialog-user-item el-remove">
<div class="dialog-user-face">
<a class="dialog-user-face-a" href="javascript:;">
<input type="file" placeholder="点击更换头像">
<i></i>
</a>
<input type="text" value="微信对话生成器" />
<a class="dialog-user-select">选择用户</a>
<a class="dialog-user-delete">x</a>
</div>
</div>
<div class="dialog-user-item el-remove">
<div class="dialog-user-face">
<a class="dialog-user-face-a" href="javascript:;">
<input type="file" placeholder="点击更换头像">
<i style="background-image: url(/static/app/images/10014.jpg)"></i>
</a>
<input type="text" value="马先生" />
<a class="dialog-user-select">选择用户</a>
<a class="dialog-user-delete">x</a>
</div>
</div>
<div v-for="(user, index) in users" class="dialog-user-item">
<div class="dialog-user-face">
<a class="dialog-user-face-a" href="javascript:;">
<input @change="setUserImage($event, index)" type="file"
placeholder="点击更换头像">
<i :style="'background-image: url(' + user.image + ')'"></i>
</a>
<input type="text" v-model="user.name" />
<a @click="selectUser(index)"
:class="['dialog-user-select', {'dialog-user-selected':user.selected}]">选择用户</a>
<a v-if="!user.is_me" @click="delUser(index)" class="dialog-user-delete"
title="删除用户">x</a>
</div>
</div>
<div class="dialog-user-item">
<a @click="addUser" class="dialog-user-item-add" href="javascript:;"
title="添加用户">+</a>
</div>
</div>
<div class="dialog-user-content-title">发送人：{{getSender()}}</div>
<div class="dialog-user-content">
<div class="dialog-user-content-panel">
<textarea v-model="setting.dialog_content"
class="edit-dialog-text form-control"></textarea>
</div>
<div class="view-setting view-setting2">
<div class="view-set-item">
<span>红包或转账金额：</span>
<input v-model.number="setting.dialog_money" type="number"
class="form-control">
</div>
<div class="view-set-item">
<span>添加聊天时间：</span>
<select v-model="setting.date_year"
class="form-control edit-phone-time-year">
<option value="">-</option>
</select>
<se
在线微信聊天对话制作的工具.zip
版权申诉
5星 · 超过95%的资源 87 浏览量
2023-01-16
10:48:13
上传
评论
收藏 2.76MB ZIP 举报 
【上传即使】在线微信聊天对话制作的工具.zip （44个子文件） 
75856在线微信对话生成器源码，抖音微信聊天搞笑视频制作神器 在线微信对话生成器源码，抖音微信聊天搞笑视频制作神器 img 
demo.png 98KB
index.html 23KB static app js 
chat.bundle.js 270KB common.bundle.js 384KB css wallet.css 366B zui.min.css 190KB app.css 45KB jquery.range.css 6KB images wechat-bottom-icon3.png 3KB wechat-nav-right.png 1KB user-checked.png 4KB dialog-demo1.jpeg 1.96MB wechat-voice-icon2.png 2KB wechat-redp-icon1.png 2KB wechat-bottom-icon4.png 5KB icon-wechat.png 3KB phone-bottom-bar.png 1KB logo.png 8KB wechat-trans-earphone.png 2KB wechat-trans-icon4.png 4KB icon-alipay-chat.png 2KB user-face.png 8KB wechat-bottom-icon2.png 3KB bar ios-single-3-dark.png 2KB ios-single-2-dark.png 2KB ios-single-1-dark.png 2KB ios-battery-dark.png 656B ios-single-4-dark.png 350B ios-battery-charge-dark.png 430B ios-wifi-3-dark.png 796B ios-wifi-2-dark.png 2KB ios-wifi-1-dark.png 2KB wechat-trans-icon1.png 8KB wechat-voice-icon1.png 2KB wechat-trans-icon3.png 4KB wechat-trans-icon2.png 6KB wechat-bottom-icon1.png 4KB wechat-nav-back.png 3KB fonts zenicon.woff 83KB sf-pro-text_regular.woff2 97KB sf-pro-text_medium.woff2 112KB zenicon.ttf 83KB sf-pro-text_semibold.woff2 112KB favicon.png 8KB资源评论
weixin_499300862023-11-23发现一个宝藏资源，赶紧冲冲冲！支持大佬~
智慧浩海
- 粉丝: 1w+
- 资源: 5196
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
