更新记录

2.1.1（2024-08-14） 下载此版本

可智能聊天 文案编辑 小说故事 内容整理 chatgpt，你的全职ai助手

平台兼容性

介绍

本功能基于轻语API 轻语API提供一键生成二维码、OCR文字识别、文字转语音、智能Ai助手、地理编码获取(逆地理编码，从内容中获取地址信息(含经纬度))等等API

<template>
    <view>
        <view style="font-size: 26rpx;color: #999999;margin-top: 80rpx;text-align: center;">Ai请求等待时间比普通请求多几倍，请耐心等待~</view>
        <textarea v-model="inputText" class="input_style" style="height: 200rpx;margin-top: 20rpx;" placeholder="请输入对Ai的指令或交谈内容" />
        <view class="flex_row" style="margin-top: 50rpx;">
            <view class="btn" @click="onClear">清空内容</view>

            <!-- 等待进度条 -->
            <view v-if="status==='loading'">
                <image src="/static/icon_spinner.png" style="width: 68rpx;height: 68rpx;" class="rotating-element"></image>
            </view>

            <view class="btn" @click="onSend">发送内容</view>
        </view>
        <view v-if="respText" class="input_style" style="margin-top: 50rpx;">{{respText}}</view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                // 根据以下的关键词：太阳神、巫女、树神、百姓，帮我编一个神话故事
                // 帮我取10个好听的名字，姓姜，女孩
                inputText: '你好，我叫张三',
                respText: '',
                status: ''
            }
        },
        methods: {
            onClear(){
                this.respText = '';
                this.inputText = '';
            },
            onSend(){
                let that = this;
                that.status = 'loading';

                if(that.inputText.length < 1){
                    uni.showToast({
                        title:'请输入内容',
                        icon:'none'
                    });
                    return;
                }

                uni.request({
                    method:'POST',
                    url:'https://5555api.com/data/api/fetchAiResult',
                    data:{
                        apikey: 'test_app_key_5555api.com',
                        text: that.inputText,
                    },
                    success(res) {
                        that.status = 'no';
                        console.error('请求成功：', res);
                        that.respText = res.data.msg || "服务异常";
                    },
                    fail() {
                        that.status = 'no';
                        that.respText = "服务异常";
                    }               
                })
            }
        }
    }
</script>

<style>
    .input_style{
        width: 600rpx;
        margin-left: 74rpx;
        margin-right: 75rpx;
        border: 2rpx solid #12c212;
        padding: 10rpx 20rpx;
        border-radius: 10rpx;
        font-size: 28rpx;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .flex_row{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    .btn{
        color: #fff;
        border-radius: 12rpx;
        font-size: 30rpx;
        padding: 5rpx 20rpx;
        background-color: cornflowerblue;
    }
    .rotating-element {
      animation: rotateAnimation 2s linear infinite;
    }
    @keyframes rotateAnimation {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }   
</style>