Файловый менеджер - Редактировать - /www/wwwroot/gamenworld.store/themes/tooltemptwo/layout/chat/content.phtml
�азад
<?php global $zon, $site_url; ?> <style> .chat-box { margin: 10px; width: 99%; height: calc(80vh - 20px); background-color: white; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; } .chat-header { background-color: #4CAF50; padding: 15px; color: white; font-size: 18px; text-align: center; } .chat-container { flex: 1; padding: 10px; overflow-y: auto; background-color: #f3f7f3; border-bottom: 2px solid #eee; } .chat-message { padding: 8px 12px; border-radius: 20px; margin-bottom: 10px; max-width: 75%; position: relative; word-wrap: break-word; } .chat-message.user { background-color: #d1f7c4; align-self: flex-end; margin-left: 50px; } .chat-message.bot { background-color: #e0e0e0; align-self: flex-start; margin-right: 50px; } .input-container { display: flex; padding: 10px; background-color: #fff; border-top: 2px solid #eee; } .input-container input { flex: 1; padding: 10px; border: 1px solid #ccc; border-radius: 20px; font-size: 16px; margin-right: 10px; } .input-container button { background-color: #4CAF50; border: none; color: white; padding: 10px 15px; border-radius: 20px; font-size: 16px; cursor: pointer; } .input-container button:hover { background-color: #45a049; } </style> <div class="mx-2"> <?php if (getAdById("11", 'status') == 0) { ?> <div style="display: grid; place-items: center; margin-top:35px"> <?= getAdById("11", 'code') ?> </div> <?php } ?> </div> <div class="chat-html"> </div> <div class="mx-2"> <?php if (getAdById("13", 'status') == 0) { ?> <div style="display: grid; place-items: center; margin-top:35px"> <?= getAdById("13", 'code') ?> </div> <?php } ?> </div> <?php if (getAdById("14", 'status') == 0) { ?> <div class="mx-2"> <!-- 顶部锚定广告 --> <div class="top-anchor-ad" id="topAnchorAd" style="display: flex; align-items: center; justify-content: center;"> <div class="top-drawer-handle" onclick="this.parentElement.classList.toggle('ad-hidden'); document.body.style.paddingTop = this.parentElement.classList.contains('ad-hidden') ? '0px' : '120px';">▼</div> <?= getAdById("14", 'code') ?> </div> </div> <?php } ?> <?php if (getAdById("15", 'status') == 0) { ?> <div class="mx-2"> <!-- 底部锚定广告 --> <div class="anchor-ad" id="anchorAd" style="display: flex; align-items: center; justify-content: center;"> <div class="drawer-handle" onclick="this.parentElement.classList.toggle('ad-hidden'); document.body.style.paddingBottom = this.parentElement.classList.contains('ad-hidden') ? '0px' : '120px';">▲</div> <?= getAdById("15", 'code') ?> </div> </div> <?php } ?> <script type="text/jsx"> var Select = antd.Select; var Option = Select.Option; var Tabs = antd.Tabs; var TabPane = Tabs.TabPane; var Tag = antd.Tag; var container = document.querySelector('.fanyi-main-html1'); var Test = React.createClass({ getInitialState() { return { inptuValue: "", sevenHtml: <?= json_encode(getAdById("7", 'code')) ?> }; }, inputvalueFun(value) { this.setState({ inptuValue: value.target.value }); }, sendMessage() { if(this.state.inptuValue) { // 显示用户消息 var userMessage = document.createElement('div'); userMessage.classList.add('chat-message', 'user'); userMessage.textContent = this.state.inptuValue; document.getElementById('chat-container').appendChild(userMessage); // 清空输入框 this.setState({ inptuValue: "" }); // 滚动到底部 var chatContainer = document.getElementById('chat-container'); chatContainer.scrollTop = chatContainer.scrollHeight; this.pushGpt(this.state.inptuValue); } }, pushGpt(content) { axios.post('<?php echo $site_url;?>gpttranslate.php', { mubiaoText: content, gptmodel:"chat" }, { headers: { 'Content-Type': 'multipart/form-data', } }) .then(response => { if(response.data.code && response.data.data) { var chatContainer = document.getElementById('chat-container'); // 模拟机器人的回复 var botMessage = document.createElement('div'); botMessage.classList.add('chat-message', 'bot'); botMessage.textContent = response.data.data; chatContainer.appendChild(botMessage); chatContainer.scrollTop = chatContainer.scrollHeight; } }).catch(error => { console.error( error); }); }, render() { return ( <div className="chat-box"> <div className="chat-container" id="chat-container"> <div className="chat-message bot">Hello! How can I assist you?</div> </div> <div className="input-container"> <input type="text" onChange={this.inputvalueFun} value={this.state.inptuValue} placeholder="Please enter the message..." /> <button onClick={this.sendMessage}>Send</button> </div> </div> ); } }); React.render(<Test/>,document.querySelector('.chat-html')); </script>
| ver. 1.4 |
Github
|
.
| PHP 8.0.26 | Генераци� �траницы: 0 |
proxy
|
phpinfo
|
�а�тройка