用uniapp写一个hcatgpt的微信小程序打出代码

非常感谢您的提问！以下是使用uniapp编写hcatgpt微信小程序的代码示例：

1. 首先，在uniapp中创建一个新的微信小程序项目。

2. 在项目中创建一个新的页面，命名为“hcatgpt”。

3. 在hcatgpt页面中添加一个textarea组件，用于输入代码。

4. 在hcatgpt页面中添加一个button组件，用于执行代码。

5. 在button组件的点击事件中，获取textarea中的代码，并使用uni.request方法向服务器发送请求，请求执行代码。

6. 服务器接收到请求后，使用eval方法执行代码，并将执行结果返回给客户端。

7. 客户端接收到执行结果后，将结果显示在页面中。

以下是示例代码：

<template>
<view class="container">
<textarea v-model="code"></textarea>
<button @click="runCode">执行代码</button>
<view class="result">{{result}}</view>
</view>
</template>

<script>
export default {
data() {
return {
code: '',
result: ''
}
},
methods: {
runCode() {
uni.request({
url: 'http://localhost:3000/run',
method: 'POST',
data: {
code: this.code
},
success: (res) => {
this.result = res.data
}
})
}
}
}
</script>

<style>
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}

textarea {
width: 80%;
height: 200px;
margin-bottom: 20px;
}

button {
width: 80%;
height: 40px;
background-color: #007aff;
color: #fff;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}

.result {
width: 80%;
height: 200px;
border: 1px solid #ccc;
padding: 10px;
overflow: auto;
}
</style>

请注意，以上示例代码仅供参考，实际使用时需要根据具体需求进行修改。