Update app.py

app.py

@@ -2,15 +2,15 @@ import gradio as gr
 import requests
 #from transformers import AutoTokenizer
 #tokenizer = AutoTokenizer.from_pretrained("liam168/c2-roberta-base-finetuned-dianping-chinese")
+conversation_history = ""
 def chat(input):
-    global conversation_history
     url = 'http://dark.21cnai.com:5000/api/chat'
     data = { "message": input }
     headers = {"Content-Type": "Application/json","Authorization":"Bearer kdfjwoieskdflasdnf"}
-    response = f"您说：{input_text}\n"
-    conversation_history += response
+    user_message = f'<span class="user">您说：{input_text}</span><br>'
     response = requests.post(url, json=data, headers=headers)
-    conversation_history += ”chatGPT:"+response.text
+    bot_message = f'<span class="chatbot">ChatGPT：{response.text}</span><br>'
+    conversation_history += user_message + bot_message
     return conversation_history
 
 css = '''
@@ -33,7 +33,27 @@ css = '''
         font-weight: bold;
         border: none;
     }
+    .user {
+        color: blue;
+    }
+    .chatbot {
+        color: green;
+    }
+    .container {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+    }
+    .output_section {
+        flex-grow: 1;
+    }
 '''
 
-iface = gr.Interface(fn=chat, inputs=gr.inputs.Textbox(lines=3, placeholder="在此输入您的问题..."), outputs=gr.outputs.Textbox(),title="ChatGPT 对话",description="请输入您的问题，然后按回车键或单击提交。",css=css)
+iface = gr.Interface(fn=chat, 
+                     inputs=gr.inputs.Textbox(lines=3, placeholder="在此输入您的问题..."), 
+                     outputs=gr.outputs.HTML(),
+                     title="ChatGPT 对话",
+                     description="请输入您的问题，然后按回车键或单击提交。",
+                     layout="vertical",
+                     css=css)
 iface.launch(server_name="0.0.0.0")