diff options
-rw-r--r-- | Live2dHistoire/live2d/css/live2d.css | 2 | ||||
-rw-r--r-- | Live2dHistoire/live2d/js/message.js | 24 | ||||
-rw-r--r-- | _layouts/default.html | 8 |
3 files changed, 23 insertions, 11 deletions
diff --git a/Live2dHistoire/live2d/css/live2d.css b/Live2dHistoire/live2d/css/live2d.css index 3ce12d2..7154b49 100644 --- a/Live2dHistoire/live2d/css/live2d.css +++ b/Live2dHistoire/live2d/css/live2d.css @@ -79,7 +79,7 @@ background-color: rgba(74, 59, 114,0.9); } .live_talk_input_name_body{ - width:70px; + width:100px; box-sizing:border-box; height:24px; border: 2px solid rgb(223, 179, 241); diff --git a/Live2dHistoire/live2d/js/message.js b/Live2dHistoire/live2d/js/message.js index 7bffeb5..39a0851 100644 --- a/Live2dHistoire/live2d/js/message.js +++ b/Live2dHistoire/live2d/js/message.js @@ -189,13 +189,17 @@ if(!norunFlag){ //console.log('showMessage', text); $('.message').stop(); if(text instanceof EventSource){ - var outputContainer = $('.message')[0] - outputContainer.textContent = ""; + var outputContainer = $('.message')[0]; + var eventFlag = false; text.onmessage = (event) => { if (event.data == "[DONE]") { text.close(); return; } else { + if(!eventFlag){ + outputContainer.textContent = ""; + eventFlag = true; + } const data = JSON.parse(event.data); outputContainer.textContent += data.response; } @@ -290,6 +294,10 @@ if(!norunFlag){ $('#talk_send').on('click',function(){ var info_ = $('#AIuserText').val(); // var userid_ = $('#AIuserName').val(); + let add_id = ""; + if($('#load_this').prop("checked")){ + add_id = "&id="+encodeURIComponent($('#post_id').val()); + } if(info_ == "" ){ showMessage('写点什么吧!',0); return; @@ -299,7 +307,7 @@ if(!norunFlag){ // return; // } showMessage('思考中~', 0); - const evSource = new EventSource(talkAPI + "?info=" + encodeURIComponent(info_)); + const evSource = new EventSource(talkAPI + "?info=" + encodeURIComponent(info_) + add_id); showMessage(evSource); // $.ajax({ // type: 'POST', @@ -395,11 +403,11 @@ if(!norunFlag){ showMessage('音乐似乎加载不出来了呢!',0); }); } - //获取用户名 - var live2dUser = sessionStorage.getItem("live2duser"); - if(live2dUser !== null){ - $('#AIuserName').val(live2dUser); - } + // //获取用户名 + // var live2dUser = sessionStorage.getItem("live2duser"); + // if(live2dUser !== null){ + // $('#AIuserName').val(live2dUser); + // } //获取位置 var landL = sessionStorage.getItem("historywidth"); var landB = sessionStorage.getItem("historyheight"); diff --git a/_layouts/default.html b/_layouts/default.html index f15881c..4429242 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -112,8 +112,12 @@ <div class="message" style="opacity:0"></div> <canvas id="live2d" width="500" height="560" class="live2d"></canvas> <div class="live_talk_input_body"> - <div class="live_talk_input_name_body" style="display:none;"> - <input name="name" type="hidden" class="live_talk_name white_input" id="AIuserName" value="Mayx_Blog_Talk" /> + <div class="live_talk_input_name_body" {% unless page.layout == "post" %}style="display:none;"{% endif %}> + <input name="name" type="checkbox" id="load_this"> + <input type="hidden" id="post_id" value="{{ page.url }}"> + <label for="load_this"> + <span style="font-size: 11px; color: #fff;"> 想问这篇文章</span> + </label> </div> <div class="live_talk_input_text_body"> <input name="talk" type="text" class="live_talk_talk white_input" id="AIuserText" autocomplete="off" placeholder="要和我聊什么呀?"/> |