初始化项目

.gitignore

@@ -0,0 +1,6 @@
+dist/
+deploy_versions/
+.temp/
+.rn_temp/
+node_modules/
+.DS_Store

babel.config.js

@@ -0,0 +1,10 @@
+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'react',
+      ts: false
+    }]
+  ]
+}

config/dev.js

@@ -0,0 +1,9 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"development"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {}
+}

config/index.js

@@ -0,0 +1,82 @@
+const config = {
+  projectName: 'myApp',
+  date: '2023-3-2',
+  designWidth: 750,
+  deviceRatio: {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
+  },
+  sourceRoot: 'src',
+  outputRoot: 'dist',
+  plugins: [],
+  defineConstants: {
+  },
+  copy: {
+    patterns: [
+    ],
+    options: {
+    }
+  },
+  framework: 'react',
+  compiler: 'webpack5',
+  cache: {
+    enable: false // Webpack 持久化缓存配置，建议开启。默认配置请参考：https://docs.taro.zone/docs/config-detail#cache
+  },
+  mini: {
+    postcss: {
+      pxtransform: {
+        enable: true,
+        config: {
+
+        }
+      },
+      url: {
+        enable: true,
+        config: {
+          limit: 1024 // 设定转换尺寸上限
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  },
+  h5: {
+    publicPath: '/',
+    staticDirectory: 'static',
+    postcss: {
+      autoprefixer: {
+        enable: true,
+        config: {
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  },
+  rn: {
+    appName: 'taroDemo',
+    postcss: {
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+      }
+    }
+  }
+}
+
+module.exports = function (merge) {
+  if (process.env.NODE_ENV === 'development') {
+    return merge({}, config, require('./dev'))
+  }
+  return merge({}, config, require('./prod'))
+}

config/prod.js

@@ -0,0 +1,37 @@
+module.exports = {
+  env: {
+    NODE_ENV: '"production"'
+  },
+  defineConstants: {
+  },
+  mini: {},
+  h5: {
+    /**
+     * WebpackChain 插件配置
+     * @docs https://github.com/neutrinojs/webpack-chain
+     */
+    // webpackChain (chain) {
+    //   /**
+    //    * 如果 h5 端编译后体积过大，可以使用 webpack-bundle-analyzer 插件对打包体积进行分析。
+    //    * @docs https://github.com/webpack-contrib/webpack-bundle-analyzer
+    //    */
+    //   chain.plugin('analyzer')
+    //     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+
+    //   /**
+    //    * 如果 h5 端首屏加载时间过长，可以使用 prerender-spa-plugin 插件预加载首页。
+    //    * @docs https://github.com/chrisvfritz/prerender-spa-plugin
+    //    */
+    //   const path = require('path')
+    //   const Prerender = require('prerender-spa-plugin')
+    //   const staticDir = path.join(__dirname, '..', 'dist')
+    //   chain
+    //     .plugin('prerender')
+    //     .use(new Prerender({
+    //       staticDir,
+    //       routes: [ '/pages/index/index' ],
+    //       postProcess: (context) => ({ ...context, outputPath: path.join(staticDir, 'index.html') })
+    //     }))
+    // }
+  }
+}

package.json

@@ -0,0 +1,74 @@
+{
+  "name": "myApp",
+  "version": "1.0.0",
+  "private": true,
+  "description": "liaotian ",
+  "templateInfo": {
+    "name": "default",
+    "typescript": false,
+    "css": "less"
+  },
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:jd": "taro build --type jd",
+    "build:quickapp": "taro build --type quickapp",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:jd": "npm run build:jd -- --watch",
+    "dev:quickapp": "npm run build:quickapp -- --watch"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "dependencies": {
+    "@babel/runtime": "^7.7.7",
+    "@tarojs/components": "3.5.7",
+    "@tarojs/helper": "3.5.7",
+    "@tarojs/plugin-framework-react": "3.5.7",
+    "@tarojs/plugin-platform-alipay": "3.5.7",
+    "@tarojs/plugin-platform-jd": "3.5.7",
+    "@tarojs/plugin-platform-qq": "3.5.7",
+    "@tarojs/plugin-platform-swan": "3.5.7",
+    "@tarojs/plugin-platform-tt": "3.5.7",
+    "@tarojs/plugin-platform-weapp": "3.5.7",
+    "@tarojs/react": "3.5.7",
+    "@tarojs/router": "3.5.7",
+    "@tarojs/runtime": "3.5.7",
+    "@tarojs/shared": "3.5.7",
+    "@tarojs/taro": "3.5.7",
+    "@tarojs/taro-h5": "3.5.7",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.0",
+    "@tarojs/cli": "3.5.7",
+    "@types/webpack-env": "^1.13.6",
+    "@types/react": "^18.0.0",
+    "webpack": "5.69.0",
+    "@tarojs/webpack5-runner": "3.5.7",
+    "babel-preset-taro": "3.5.7",
+    "eslint-config-taro": "3.5.7",
+    "eslint": "^8.12.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+    "react-refresh": "^0.11.0",
+    "eslint-plugin-react": "^7.8.2",
+    "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "stylelint": "^14.4.0"
+  }
+}

project.config.json

@@ -0,0 +1,29 @@
+{
+  "miniprogramRoot": "dist/weapp/",
+  "projectname": "畅享短剧",
+  "description": "畅享短剧 ",
+  "appid": "wxe7aa01162d73df1f",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "postcss": false,
+    "minified": false,
+    "babelSetting": {
+        "ignore": [],
+        "disablePlugins": [],
+        "outputPath": ""
+    }
+},
+"compileType": "miniprogram",
+"libVersion": "2.26.0",
+"srcMiniprogramRoot": "dist/",
+"packOptions": {
+    "ignore": [],
+    "include": []
+},
+"condition": {},
+"editorSetting": {
+    "tabIndent": "insertSpaces",
+    "tabSize": 2
+}
+}

project.tt.json

@@ -0,0 +1,9 @@
+{
+  "miniprogramRoot": "./",
+  "projectname": "AI智能助手",
+  "appid": "tt6e291894f116667e01",
+  "setting": {
+    "es6": false,
+    "minified": false
+  }
+}

src/api/config.js

@@ -0,0 +1,8 @@
+// 配置请求对象
+// 本地调试 dev 开发阶段
+export const baseUrl = "https://test-openai.fyshark.com";//测试
+// export const baseUrl = "https://api-video.fyshz.com";//正式
+// product 阶段
+// https://www.fastmock.site/mock/3f112f6cb2f621fc9c2dd6a14be19f38/beers/
+// 设计模式
+

src/api/request.js

@@ -0,0 +1,43 @@
+import Taro from '@tarojs/taro';
+import {
+  baseUrl
+} from './config';
+
+
+export default (options = {
+  method: 'GET',
+  data: {}
+}) => {
+
+  const request_data = {
+  };
+  return Taro.request({
+    url: baseUrl + options.url,
+    data: {
+      ...request_data,
+      ...options.data,
+    },
+    header: {
+      'Content-Type': 'application/json',
+      'accept': 'application/json'
+    },
+    method: options.method.toUpperCase(),
+  }).then(res => {
+    const {
+      statusCode,
+      data
+    } = res;
+    const _res = Taro.getStorageInfoSync()
+    let notApiStr = '/api/get_app_config;/api/login;/api/report_login;/api/video/video_detail;/api/pay/get_my_wallet;/api/get_template_list'
+    
+    if (statusCode == 200) {
+      return data;
+    } else {
+      Taro.showToast({
+        title: `${res.msg}~`,
+        icon: 'none',
+        mask: true,
+      });
+    }
+  });
+};

src/app.config.js

@@ -0,0 +1,53 @@
+export default defineAppConfig({
+  pages: [
+    'pages/chat/index',
+    'pages/collection/index',
+    "pages/task/index",
+    "pages/mine/index"
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  },
+  plugins: {
+    "WechatSI": {
+      version: '0.3.5',
+      provider: 'wx069ba97219f66d99'
+    }
+  },
+  // tabBar: {
+  //   color: "#000000",
+  //   selectedColor: "#FF5819",
+  //   borderStyle: "white",
+  //   backgroundColor: "#fff",
+  //   list: [
+  //     {
+  //       pagePath: "pages/collection/index",
+  //       iconPath: "images/nav/like.png",
+  //       selectedIconPath: "images/nav/like_pin.png",
+  //       text: "收藏"
+
+  //     },
+  //     {
+  //       pagePath: "pages/chat/index",
+  //       iconPath: "images/nav/play.png",
+  //       selectedIconPath: "images/nav/play_pin.png",
+  //       text: "首页"
+  //     },
+  //     {
+  //       pagePath: "pages/task/index",
+  //       iconPath: "images/nav/task.png",
+  //       selectedIconPath: "images/nav/task_pin.png",
+  //       text: "领福利"
+  //     },
+  //     {
+  //       pagePath: "pages/mine/index",
+  //       iconPath: "images/nav/my.png",
+  //       selectedIconPath: "images/nav/my_pin.png",
+  //       text: "我的"
+  //     }
+  //   ]
+  // },
+})

src/app.js

@@ -0,0 +1,20 @@
+import { Component } from 'react'
+import './app.less'
+
+class App extends Component {
+
+  componentDidMount () {}
+
+  componentDidShow () {
+    console.log('app启动');
+  }
+
+  componentDidHide () {}
+
+  render () {
+    // this.props.children 是将要会渲染的页面
+    return this.props.children
+  }
+}
+
+export default App

src/common/tool.js

@@ -0,0 +1,23 @@
+import Taro from '@tarojs/taro'
+const tool = {
+  // 生成四位随机数的函数
+  generateRandomNumber () {
+    // 生成一个 0 到 9999 之间的随机整数
+    const randomNumber = Math.floor(Math.random() * 10000);
+    // 如果随机数不足四位，则在前面补零
+    return randomNumber.toString().padStart(4, '0');
+  },
+
+  // 生成用户ID的函数
+  generateUserID () {
+    // 获取当前时间戳
+    const timestamp = Date.now().toString();
+    // 生成四位随机数
+    const randomNumber = this.generateRandomNumber();
+    // 将时间戳和随机数拼接起来，得到用户ID
+    const userID = timestamp + randomNumber;
+    console.log(userID,'userID');
+    return userID;
+  }
+}
+export default tool

src/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title>myApp</title>
+  <script><%= htmlWebpackPlugin.options.script %></script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/pages/chat/index.config.js

@@ -0,0 +1,5 @@
+export default definePageConfig({
+  navigationBarTitleText: '智能聊天室',
+  enableShareAppMessage: true,
+  enableShareTimeline: true ,
+})

src/pages/chat/index.jsx

@@ -0,0 +1,350 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, ScrollView, Input, Textarea } from '@tarojs/components'
+import Taro, { requirePlugin } from '@tarojs/taro'
+import * as api from '../../service/index'
+import './index.less'
+import tool from '../../common/tool'
+
+export default class Albums_play extends Component {
+  plugin = requirePlugin("WechatSI");
+  manager = this.plugin.getRecordRecognitionManager();
+  options = {
+    sampleRate: 44100,
+    numberOfChannels: 1,
+    encodeBitRate: 192000,
+    format: 'aac'
+  }
+
+  state = {
+    login: false,
+    sendDisabled: true,//是否禁用发送按钮
+    value: '',
+    height: 63,
+    userId: tool.generateUserID(),
+    isAnswer: true,//机器人是否已经回答
+    isRecognize: false,
+    showResult: false,
+    isSpeechSounds: false,//是否是语音写入
+    conversations: [
+      {
+        name: 'other',
+        userImage: "https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677832835490.png",
+        userTexts: '您好，我是智能助手，一个由AI训练的聊天机器人。作为一名智能助手，我可以帮助您回答问题，提供建议，分享知识和技能等等。我拥有处理多种自然语言任务的能力，包括自然语言理解和生成，语言翻译，文本摘要和语言生成等等。无论您需要寻求帮助还是只是想进行友好的聊天，我都很乐意与您交流。'
+      },
+    ]
+  }
+
+  componentDidShow () {
+    console.log('页面启动',this.state.userId);
+    this.userinfo()
+    this.initRecord()
+    // this.setState({
+    //   userId: this.generateUserID()
+    // })
+  }
+  // useShareAppMessage((res) => {
+  //   console.log(res, 'ressss');
+  //   let shareData = {
+  //     title: `海量好剧，你爱看的都在这里！`,
+  //     path: `pages/theatre/index`,  // 分享的路径
+  //     // imageUrl: this.props.albums.video.img,  // 分享的图片链接
+  //   }
+  //   return shareData;
+  // })
+
+  // /**
+  //  * 分享朋友圈
+  //  * */
+  // useShareTimeline((res) => {
+  //   let shareData = {
+  //     title: `海量好剧，你爱看的都在这里！`,
+  //     path: `pages/theatre/index`,  // 分享的路径
+  //     // imageUrl: this.props.albums.video.img,  // 分享的图片链接
+  //   }
+  //   return shareData;
+  // })
+
+  componentDidHide () { }
+  
+  // 获取用户信息并且登录，获取openid
+  userinfo () {
+    var that = this;
+    that.setState({
+      login: false
+    })
+    Taro.getUserInfo({
+      success: function (res) {
+        console.log(res, 'userinfo');
+        var userInfo = res.userInfo
+        var nickName = userInfo.nickName
+        var avatarUrl = userInfo.avatarUrl
+        var gender = userInfo.gender //性别 0：未知、1：男、2：女
+        var province = userInfo.province
+        var city = userInfo.city
+        var country = userInfo.country
+        let data = {
+          "user_name": nickName,
+          "user_img": avatarUrl
+        };
+      }
+    })
+  }
+  // 提交文字
+  submitTo () {
+    let inputHtml = document.getElementById('advice_textarea').props.value
+    if (inputHtml.length == 0) return
+    this.sendText(inputHtml)
+
+  }
+  sendText (inputHtml) {
+    console.log(inputHtml, 'inputHtml');
+    let textObj = {
+      name: 'mine',
+      userImage: "https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677833953396.jpeg",
+      userTexts: inputHtml
+    }
+    this.state.conversations.push(textObj)
+    this.setState({
+      sendDisabled: true,
+      value: '',
+      isAnswer: false
+    })
+    let params = {
+      user_id: this.state.userId,
+      text: inputHtml
+    }
+    api.getAsk(params).then(res => {
+      if (res.code == 200) {
+        let otherInfo = {
+          name: 'other',
+          userImage: "https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677832835490.png",
+          userTexts: res.data
+        }
+        this.state.conversations.push(otherInfo)
+        this.setState({
+          isAnswer: true,
+          value: ''
+        })
+      } else {
+        this.setState({
+          sendDisabled: true,//是否禁用发送按钮
+          value: '',
+          height: 63,
+          userId: 0,
+          isAnswer: true,//机器人是否已经回答
+          isRecognize: false,
+          showResult: false,
+          isSpeechSounds: false,//是否是语音写入
+        })
+      }
+    })
+    .catch(res=>{
+      console.log("请求超时");
+      this.setState({
+        sendDisabled: true,//是否禁用发送按钮
+        value: '',
+        height: 63,
+        userId: 0,
+        isAnswer: true,//机器人是否已经回答
+        isRecognize: false,
+        showResult: false,
+        isSpeechSounds: false,//是否是语音写入
+      })
+    })
+  }
+  //文字输入
+  focus (e) {
+    let inputHtml = document.getElementById('advice_textarea').props.value
+    this.setState({
+      sendDisabled: false,
+      value: inputHtml
+    })
+  }
+  blur (e) {
+    // this.setState({
+    //   sendDisabled: true
+    // })
+  }
+  //键盘高度发生变换时
+  onKeyboardHeightChange (e) {
+    console.log(e, 'onKeyboardHeightChange');
+  }
+  onLineChange (e) {
+    console.log(e, 'onLineChange');
+  }
+  changeSpeak () {
+    if (!this.state.isAnswer) return
+    this.setState({
+      isSpeechSounds: !this.state.isSpeechSounds
+    })
+  }
+  // 初始化语音识别
+  initRecord () {
+    let that = this
+    console.log('initRecord');
+    this.manager.onRecognize = (res) => {
+      console.log("current result", res.result);
+    };
+    // 识别错误事件
+    this.manager.onError = function (res) {
+      Taro.hideLoading();
+    }
+    this.manager.onStop = (res) => {
+      Taro.hideLoading();
+      // 去除语音识别出的特殊符号
+      const text = res.result.replace(
+        /[`~%!@#^=''?~《》！@#￥……&——‘”“'？*()（），,。.、<>]/g,
+        ""
+      );
+      console.log(text, 'text');
+      if (text) {
+        that.sendText(text)
+        that.setState({
+          value: text
+        })
+        // 识别结果展示1.5秒后收起                               
+        setTimeout(() => {
+          that.setState({
+            isRecognize: false,
+            showResult: false,
+          })
+
+        }, 1500);
+      } else {
+
+        setTimeout(() => {
+          that.setState({
+            isRecognize: false,
+            showResult: false,
+          })
+        }, 1500);
+      }
+      that.setState({
+        showResult: true
+      })
+    };
+    this.manager.onError = (res) => {
+      Taro.hideLoading();
+      if (res.msg) {
+        Taro.showToast({ title: res.msg, icon: "none" });
+      }
+    };
+  };
+  // 开始录音
+  startRecognize = () => {
+    wx.vibrateShort()
+    Taro.showLoading({ title: "录音中..." });
+    this.setState({
+      isRecognize: true,
+      value: '',
+    })
+    this.manager.start({ duration: 30000, lang: "zh_CN" });
+  };
+  // 结束录音
+  endRecognize = () => {
+    console.log("endRecognize");
+    Taro.hideLoading();
+    Taro.showLoading({ title: "识别中..." });
+    this.manager.stop();
+
+  };
+
+  render () {
+    return (
+      <View className='mine'>
+        <ScrollView
+          className='scrollview'
+          style={`max-height: calc(100vh - ${this.state.height}px);`}
+          scrollY
+          scrollIntoView={`scrollIntoView_${this.state.conversations.length}`}
+          scrollWithAnimation
+          lowerThreshold="20"
+          upperThreshold="20"
+
+        >
+          {
+            this.state.conversations.map((item, index) => (
+              <View key={index} id={`scrollIntoView_${index + 1}`}>
+                {
+                  item.name == 'mine' &&
+                  <View className='mine-speak-info'>
+                    <View className='mine-text'>
+                      <Text selectable className='mine-text-content'>
+                        {item.userTexts}
+                      </Text>
+                      <View className='mine-text-tip'></View>
+                    </View>
+                    <Image className='mine-image' src={item.userImage}></Image>
+                  </View>
+                }
+                {
+                  item.name == 'other' &&
+                  <View className='other-speak-info'>
+                    <Image className='other-image' src={item.userImage}></Image>
+                    <View className='other-text'>
+                      <Text selectable className='other-text-content'>
+                        {item.userTexts}
+                      </Text>
+                      <View className='other-text-tip'></View>
+                    </View>
+                  </View>
+                }
+              </View>
+
+            ))
+          }
+
+        </ScrollView>
+        <View className="in_voice_icon">
+          {
+            !this.state.isAnswer &&
+            <View className='in_voice_icon_tips'>机器人思考中...</View>
+          }
+          <View className="sendmessage" style={`bottom:${this.state.input_bottom}px`}>
+            <Image className='add_icon' style={!this.state.isAnswer ? 'opacity: .3;' : ''} onClick={e => (this.changeSpeak(e))} id='1' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677739244529.png'></Image>
+            {
+              this.state.isSpeechSounds ?
+                <View
+                  className="recognize-btn view-center"
+                  onClick={() => {
+                    // 按住按钮时间过短只会触发点击事件
+                    Taro.hideLoading();
+                    Taro.showToast({ title: "请长按说话", icon: "error" });
+                  }}
+                  onLongPress={e => (this.startRecognize())}
+                  onTouchEnd={e => (this.endRecognize())}
+                >
+                  <View>
+                    {this.state.isRecognize
+                      ? "松开发送"
+                      : "按住说话"}
+                  </View>
+                </View>
+                :
+                <Input
+                  autoHeight
+                  disabled={!this.state.isAnswer}
+                  id='advice_textarea'
+                  cursorSpacing='5'
+                  showConfirmBar=''
+                  confirmType='send'
+                  onConfirm={e => (this.submitTo(e))}
+                  adjustPosition
+                  value={this.state.value}
+                  onFocus={e => (this.focus(e))}
+                  onBlur={e => (this.blur(e))}
+                  onKeyboardHeightChange={e => (this.onKeyboardHeightChange(e))}
+                  onLineChange={e => (this.onLineChange(e))}
+                  placeholder="请输入您要咨询的问题" />
+            }
+
+            <Button onClick={e => (this.submitTo(e))}
+              disabled={this.state.sendDisabled}
+              style={this.state.sendDisabled ? 'opacity: .3;' : ''}
+              className='user_input_Text'>发送</Button>
+          </View>
+        </View>
+      </View>
+    )
+  }
+}

src/pages/chat/index.less

@@ -0,0 +1,144 @@
+page {
+  background-color: #f2f2f2;
+  position: relative;
+  height: 100vh;
+  padding: 0 auto;
+  margin: 0 auto;
+}
+.mine{
+  height: 100vh;
+}
+.in_voice_icon {
+  position: absolute;
+  bottom: 0;
+  transform: translateY(0%);
+  width: 100%;
+  background-color: #F2F2F2;
+  min-height: 53px;
+  border-top: 2px solid #b5b0b0ad;
+}
+.in_voice_icon_tips{
+  position: absolute;
+  color: #F2F2F2;
+  top: -70px;
+  font-size: 28px;
+  padding: 10px 50px;
+  background-color: #948c8c94;
+  border-radius: 5px;
+  // background: url(https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677810251249.png);
+}
+
+.sendmessage {
+  margin: 20px;
+  z-index: 2;
+  display: flex;
+  align-items: flex-end;
+  flex-direction: row;
+}
+.add_icon {
+  width: 60px;
+  height: 60px;
+  margin: 0 auto;
+}
+
+.sendmessage Input {
+  flex: 1;
+  padding: 10px;
+  height: 60px;
+  border-radius: 10px;
+  // max-height: 150px;
+  background-color: #f8f8f8;
+  font-size: 32px;
+  margin-left: 20px;
+  padding-left: 20px;
+}
+.recognize-btn{
+  flex: 1;
+  padding: 10px;
+  height: 60px;
+  border-radius: 10px;
+  // max-height: 150px;
+  background-color: #f8f8f8;
+  font-size: 32px;
+  margin-left: 20px;
+  padding-left: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.sendmessage button {
+  border: 1px solid white;
+  height: 60px;
+  margin-left: 20px;
+  background: #0c0;
+  color: white;
+  line-height: 60px;
+  font-size: 28px;
+}
+.scrollview{
+ 
+}
+.mine-speak-info{
+  display: flex;
+  padding:  20px;
+  justify-content: flex-end;
+  .mine-text{
+    background-color: #9EE770;
+    border-radius: 10px;
+    padding: 20px;
+    max-width: 485px;
+    position: relative;
+    margin-right: 20px;
+    .mine-text-content{
+
+    }
+    .mine-text-tip{
+      position: absolute;
+      right: -36px;
+      top: 20px;
+      width: 0;
+      height: 0;
+      border-top: 20px solid transparent;
+      border-left: 20px solid #9EE770;
+      border-right: 20px solid transparent;
+      border-bottom: 20px solid transparent;
+    }
+  }
+  .mine-image{
+    width: 80px;
+    height: 80px;
+    border-radius: 10px;
+  }
+}
+.other-speak-info{
+  display: flex;
+  padding:  20px;
+  .other-text{
+    background-color: #9EE770;
+    border-radius: 10px;
+    padding: 20px;
+    max-width: 485px;
+    position: relative;
+    margin-left: 20px;
+    .other-text-content{
+
+    }
+    .other-text-tip{
+      position: absolute;
+      left: -36px;
+      top: 20px;
+      width: 0;
+      height: 0;
+      border-top: 20px solid transparent;
+      border-left: 20px solid transparent;
+      border-right: 20px solid #9EE770;
+      border-bottom: 20px solid transparent;
+    }
+  }
+  .other-image{
+    width: 80px;
+    height: 80px;
+    border-radius: 10px;
+  }
+}

src/pages/collection/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页'
+})

src/pages/collection/index.jsx

@@ -0,0 +1,24 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, scrollView, Input } from '@tarojs/components'
+import './index.less'
+
+export default class collection extends Component {
+
+  componentWillMount() { }
+
+  componentDidMount() { }
+
+  componentWillUnmount() { }
+
+  componentDidShow() { }
+
+  componentDidHide() { }
+
+  render() {
+    return (
+     <View>
+      collection
+     </View>
+    )
+  }
+}

src/pages/collection/index.less

@@ -0,0 +1,379 @@
+page {
+  background-color: #f2f2f2;
+  height: 100%;
+  padding: 0 auto;
+  margin: 0 auto;
+}
+.login{
+  z-index: 999;
+  position: fixed;
+  top: 300rpx;
+  height: 100rpx;
+  text-align: center;
+  line-height: 100rpx;
+  width: 400rpx;
+  left: 50%;
+  margin-left: -200rpx;
+  background: white;
+}
+.Phone{
+  top: 500rpx;
+  width: 400rpx;
+}
+.login_zz{
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 998;
+  
+background-color: rgba(0,0,0,0.5);
+}
+swiper {
+  height: 180rpx;
+}
+ 
+swiper swiper-item .slide-image {
+  width: 100%;
+  height: 180rpx;
+}
+ 
+.jia_img {
+  height: 80rpx;
+  width: 90rpx;
+}
+ 
+.time {
+  text-align: center;
+  padding: 5rpx 20rpx 5rpx 20rpx;
+  border-radius: 10rpx;
+  display: block;
+  height: 38rpx;
+  line-height: 38rpx;
+  position: relative;
+  margin: 0 auto;
+  margin-bottom: 20rpx;
+  width: 90rpx;
+  color: white;
+  font-size: 26rpx;
+  background-color: #dedede;
+}
+ 
+.tab {
+  bottom: 120rpx;
+}
+ 
+.tab_1 {
+  position: fixed;
+  bottom: 50rpx;
+  width: 200rpx;
+  font-size: 26rpx;
+  left: 50%;
+  margin-left: -45rpx;
+  height: 100rpx;
+}
+ 
+.tab_2 {
+  right: 30rpx;
+  position: fixed;
+}
+ 
+/* 聊天 */
+ 
+.my_right {
+  float: right;
+  margin-top: 30rpx;
+  position: relative;
+}
+ 
+.my_audio {
+  height: 60rpx;
+  width: 60rpx;
+  z-index: 2;
+  position: relative;
+  top: 10rpx;
+  left: 20rpx;
+}
+ 
+.you_left {
+  margin-top: 30rpx;
+  float: left;
+  position: relative;
+  padding-left: 5rpx;
+}
+ 
+.new_img {
+  width: 85rpx;
+  height: 85rpx;
+  overflow: hidden;
+}
+ 
+.page_r {
+  float: right;
+}
+ 
+.new_txt {
+  min-width: 380rpx;
+  width: 460rpx;
+  word-break: break-all;
+}
+ 
+.new_txt_my {
+  border-radius: 7rpx;
+  background: #9fe75a;
+  position: relative;
+  right: 30rpx;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+  float: right;
+  border: 1px solid #d0d0d0;
+}
+ 
+.new_txt_my .arrow {
+  position: absolute;
+  z-index: 2;
+  width: 40rpx;
+  right: -38rpx;
+}
+ 
+.new_txt_my .arrow em {
+  position: absolute;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent transparent transparent #d0d0d0;
+  top: 1rpx;
+}
+ 
+.new_txt_my .arrow span {
+  position: absolute;
+  top: 5rpx;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent transparent transparent #9fe75a;
+}
+ 
+.new_txt_my_2 {
+  word-break: break-all;
+  border-radius: 7rpx;
+  background: #9fe75a;
+  min-width: 330rpx;
+  max-width: 530rpx;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+  float: right;
+}
+ 
+.new_txt_ai {
+  border-radius: 7rpx;
+  left: 20rpx;
+  background-color: #fff;
+  position: relative;
+  border: 1px solid #d0d0d0;
+  float: left;
+}
+ 
+.new_txt_ai .arrow {
+  position: relative;
+  width: 40rpx;
+  left: -30rpx;
+}
+ 
+.new_txt_ai .arrow em {
+  position: absolute;
+  border-style: solid;
+  border-width: 15rpx;
+  top: 20rpx;
+  border-color: transparent #d0d0d0 transparent transparent;
+}
+ 
+.new_txt_ai .arrow span {
+  position: absolute;
+  top: 20rpx;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent #fff transparent transparent;
+  left: 2rpx;
+}
+ 
+.ai_content {
+  word-break: break-all;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+}
+ 
+.sanjiao {
+  top: 25rpx;
+  position: relative;
+  width: 0px;
+  height: 0px;
+  border-width: 15rpx;
+  border-style: solid;
+}
+ 
+.my {
+  border-color: transparent transparent transparent #9fe75a;
+}
+ 
+.you {
+  border-color: transparent #fff transparent transparent;
+}
+ 
+._span {
+  border-color: #fff transparent transparent;
+  top: -17px;
+}
+ 
+.is_ai_btn {
+  border-radius: 0 0 7px 7px;
+  border-top: 1px solid #d0d0d0;
+  background: white;
+  position: relative;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 80rpx;
+  line-height: 80rpx;
+  display: flex;
+  flex-direction: row;
+  text-align: center;
+}
+ 
+.is_ai_btn view {
+  width: 50%;
+}
+ 
+.is_ai_btn image {
+  width: 32rpx;
+  position: relative;
+  top: 4rpx;
+  height: 32rpx;
+}
+ 
+.is_ai_btn .two {
+  border-left: 1px solid #d0d0d0;
+}
+ 
+.yes_problem_log {
+  border-top: 1px solid #d0d0d0;
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+}
+ 
+.voice_icon {
+  width: 60rpx;
+  height: 60rpx;
+  margin: 0 auto;
+  padding: 10rpx 10rpx 10rpx 10rpx;
+}
+ 
+.add_icon {
+  width: 70rpx;
+  height: 70rpx;
+  margin: 0 auto;
+  padding: 20rpx 10rpx 10rpx 15rpx;
+}
+ 
+.voice_ing {
+  width: 90%;
+  height: 75rpx;
+  line-height: 85rpx;
+  text-align: center;
+  border-radius: 15rpx;
+  border: 1px solid #d0d0d0;
+}
+ 
+.zezhao {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  background: rgba(0, 0, 0, 0.5);
+}
+ 
+.in_voice_icon {
+  z-index: 3;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  height: 500rpx;
+  background: #f8f8f8;
+}
+ 
+.in_voice_icon .item {
+  position: relative;
+  margin-top: 50rpx;
+  margin-left: 50rpx;
+  text-align: center;
+  width: 140rpx;
+}
+ 
+.in_voice_icon .img {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 15rpx;
+}
+ 
+.in_voice_icon .text {
+  font-size: 32rpx;
+  margin-top: 20rpx;
+}
+ 
+.sendmessage {
+  width: 100%;
+  z-index: 2;
+  display: flex;
+  position: fixed;
+  bottom: 0px;
+  background-color: #f8f8f8;
+  flex-direction: row;
+  height: 100rpx;
+}
+ 
+.sendmessage input {
+  width: 78%;
+  height: 80rpx;
+  line-height: 80rpx;
+  font-size: 28rpx;
+  margin-top: 10rpx;
+  margin-left: 20rpx;
+  border-bottom: 1px solid #d0d0d0;
+  padding-left: 20rpx;
+}
+ 
+.sendmessage button {
+  border: 1px solid white;
+  width: 18%;
+  height: 80rpx;
+  background: #0c0;
+  color: white;
+  line-height: 80rpx;
+  margin-top: 10rpx;
+  font-size: 28rpx;
+}
+ 
+.hei {
+  height: 20rpx;
+}
+ 
+.history {
+  height: 88%;
+  display: flex;
+  font-size: 14px;
+  line-height: 50rpx;
+  position: relative;
+  top: 20rpx;
+}
+ 
+.icno_kf {
+  position: fixed;
+  bottom: 160rpx;
+  margin: 0 auto;
+  text-align: center;
+  left: 50%;
+  margin-left: -40rpx;
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+}

src/pages/mine/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页'
+})

src/pages/mine/index.jsx

@@ -0,0 +1,24 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, scrollView, Input } from '@tarojs/components'
+import './index.less'
+
+export default class Mine extends Component {
+
+  componentWillMount() { }
+
+  componentDidMount() { }
+
+  componentWillUnmount() { }
+
+  componentDidShow() { }
+
+  componentDidHide() { }
+
+  render() {
+    return (
+     <View>
+      mine
+     </View>
+    )
+  }
+}

src/pages/mine/index.less

@@ -0,0 +1,379 @@
+page {
+  background-color: #f2f2f2;
+  height: 100%;
+  padding: 0 auto;
+  margin: 0 auto;
+}
+.login{
+  z-index: 999;
+  position: fixed;
+  top: 300rpx;
+  height: 100rpx;
+  text-align: center;
+  line-height: 100rpx;
+  width: 400rpx;
+  left: 50%;
+  margin-left: -200rpx;
+  background: white;
+}
+.Phone{
+  top: 500rpx;
+  width: 400rpx;
+}
+.login_zz{
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 998;
+  
+background-color: rgba(0,0,0,0.5);
+}
+swiper {
+  height: 180rpx;
+}
+ 
+swiper swiper-item .slide-image {
+  width: 100%;
+  height: 180rpx;
+}
+ 
+.jia_img {
+  height: 80rpx;
+  width: 90rpx;
+}
+ 
+.time {
+  text-align: center;
+  padding: 5rpx 20rpx 5rpx 20rpx;
+  border-radius: 10rpx;
+  display: block;
+  height: 38rpx;
+  line-height: 38rpx;
+  position: relative;
+  margin: 0 auto;
+  margin-bottom: 20rpx;
+  width: 90rpx;
+  color: white;
+  font-size: 26rpx;
+  background-color: #dedede;
+}
+ 
+.tab {
+  bottom: 120rpx;
+}
+ 
+.tab_1 {
+  position: fixed;
+  bottom: 50rpx;
+  width: 200rpx;
+  font-size: 26rpx;
+  left: 50%;
+  margin-left: -45rpx;
+  height: 100rpx;
+}
+ 
+.tab_2 {
+  right: 30rpx;
+  position: fixed;
+}
+ 
+/* 聊天 */
+ 
+.my_right {
+  float: right;
+  margin-top: 30rpx;
+  position: relative;
+}
+ 
+.my_audio {
+  height: 60rpx;
+  width: 60rpx;
+  z-index: 2;
+  position: relative;
+  top: 10rpx;
+  left: 20rpx;
+}
+ 
+.you_left {
+  margin-top: 30rpx;
+  float: left;
+  position: relative;
+  padding-left: 5rpx;
+}
+ 
+.new_img {
+  width: 85rpx;
+  height: 85rpx;
+  overflow: hidden;
+}
+ 
+.page_r {
+  float: right;
+}
+ 
+.new_txt {
+  min-width: 380rpx;
+  width: 460rpx;
+  word-break: break-all;
+}
+ 
+.new_txt_my {
+  border-radius: 7rpx;
+  background: #9fe75a;
+  position: relative;
+  right: 30rpx;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+  float: right;
+  border: 1px solid #d0d0d0;
+}
+ 
+.new_txt_my .arrow {
+  position: absolute;
+  z-index: 2;
+  width: 40rpx;
+  right: -38rpx;
+}
+ 
+.new_txt_my .arrow em {
+  position: absolute;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent transparent transparent #d0d0d0;
+  top: 1rpx;
+}
+ 
+.new_txt_my .arrow span {
+  position: absolute;
+  top: 5rpx;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent transparent transparent #9fe75a;
+}
+ 
+.new_txt_my_2 {
+  word-break: break-all;
+  border-radius: 7rpx;
+  background: #9fe75a;
+  min-width: 330rpx;
+  max-width: 530rpx;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+  float: right;
+}
+ 
+.new_txt_ai {
+  border-radius: 7rpx;
+  left: 20rpx;
+  background-color: #fff;
+  position: relative;
+  border: 1px solid #d0d0d0;
+  float: left;
+}
+ 
+.new_txt_ai .arrow {
+  position: relative;
+  width: 40rpx;
+  left: -30rpx;
+}
+ 
+.new_txt_ai .arrow em {
+  position: absolute;
+  border-style: solid;
+  border-width: 15rpx;
+  top: 20rpx;
+  border-color: transparent #d0d0d0 transparent transparent;
+}
+ 
+.new_txt_ai .arrow span {
+  position: absolute;
+  top: 20rpx;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent #fff transparent transparent;
+  left: 2rpx;
+}
+ 
+.ai_content {
+  word-break: break-all;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+}
+ 
+.sanjiao {
+  top: 25rpx;
+  position: relative;
+  width: 0px;
+  height: 0px;
+  border-width: 15rpx;
+  border-style: solid;
+}
+ 
+.my {
+  border-color: transparent transparent transparent #9fe75a;
+}
+ 
+.you {
+  border-color: transparent #fff transparent transparent;
+}
+ 
+._span {
+  border-color: #fff transparent transparent;
+  top: -17px;
+}
+ 
+.is_ai_btn {
+  border-radius: 0 0 7px 7px;
+  border-top: 1px solid #d0d0d0;
+  background: white;
+  position: relative;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 80rpx;
+  line-height: 80rpx;
+  display: flex;
+  flex-direction: row;
+  text-align: center;
+}
+ 
+.is_ai_btn view {
+  width: 50%;
+}
+ 
+.is_ai_btn image {
+  width: 32rpx;
+  position: relative;
+  top: 4rpx;
+  height: 32rpx;
+}
+ 
+.is_ai_btn .two {
+  border-left: 1px solid #d0d0d0;
+}
+ 
+.yes_problem_log {
+  border-top: 1px solid #d0d0d0;
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+}
+ 
+.voice_icon {
+  width: 60rpx;
+  height: 60rpx;
+  margin: 0 auto;
+  padding: 10rpx 10rpx 10rpx 10rpx;
+}
+ 
+.add_icon {
+  width: 70rpx;
+  height: 70rpx;
+  margin: 0 auto;
+  padding: 20rpx 10rpx 10rpx 15rpx;
+}
+ 
+.voice_ing {
+  width: 90%;
+  height: 75rpx;
+  line-height: 85rpx;
+  text-align: center;
+  border-radius: 15rpx;
+  border: 1px solid #d0d0d0;
+}
+ 
+.zezhao {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  background: rgba(0, 0, 0, 0.5);
+}
+ 
+.in_voice_icon {
+  z-index: 3;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  height: 500rpx;
+  background: #f8f8f8;
+}
+ 
+.in_voice_icon .item {
+  position: relative;
+  margin-top: 50rpx;
+  margin-left: 50rpx;
+  text-align: center;
+  width: 140rpx;
+}
+ 
+.in_voice_icon .img {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 15rpx;
+}
+ 
+.in_voice_icon .text {
+  font-size: 32rpx;
+  margin-top: 20rpx;
+}
+ 
+.sendmessage {
+  width: 100%;
+  z-index: 2;
+  display: flex;
+  position: fixed;
+  bottom: 0px;
+  background-color: #f8f8f8;
+  flex-direction: row;
+  height: 100rpx;
+}
+ 
+.sendmessage input {
+  width: 78%;
+  height: 80rpx;
+  line-height: 80rpx;
+  font-size: 28rpx;
+  margin-top: 10rpx;
+  margin-left: 20rpx;
+  border-bottom: 1px solid #d0d0d0;
+  padding-left: 20rpx;
+}
+ 
+.sendmessage button {
+  border: 1px solid white;
+  width: 18%;
+  height: 80rpx;
+  background: #0c0;
+  color: white;
+  line-height: 80rpx;
+  margin-top: 10rpx;
+  font-size: 28rpx;
+}
+ 
+.hei {
+  height: 20rpx;
+}
+ 
+.history {
+  height: 88%;
+  display: flex;
+  font-size: 14px;
+  line-height: 50rpx;
+  position: relative;
+  top: 20rpx;
+}
+ 
+.icno_kf {
+  position: fixed;
+  bottom: 160rpx;
+  margin: 0 auto;
+  text-align: center;
+  left: 50%;
+  margin-left: -40rpx;
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+}

src/pages/task/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '首页'
+})

src/pages/task/index.jsx

@@ -0,0 +1,24 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, scrollView, Input } from '@tarojs/components'
+import './index.less'
+
+export default class Task extends Component {
+
+  componentWillMount() { }
+
+  componentDidMount() { }
+
+  componentWillUnmount() { }
+
+  componentDidShow() { }
+
+  componentDidHide() { }
+
+  render() {
+    return (
+      <View>
+        task
+      </View>
+    )
+  }
+}

src/pages/task/index.less

@@ -0,0 +1,379 @@
+page {
+  background-color: #f2f2f2;
+  height: 100%;
+  padding: 0 auto;
+  margin: 0 auto;
+}
+.login{
+  z-index: 999;
+  position: fixed;
+  top: 300rpx;
+  height: 100rpx;
+  text-align: center;
+  line-height: 100rpx;
+  width: 400rpx;
+  left: 50%;
+  margin-left: -200rpx;
+  background: white;
+}
+.Phone{
+  top: 500rpx;
+  width: 400rpx;
+}
+.login_zz{
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 998;
+  
+background-color: rgba(0,0,0,0.5);
+}
+swiper {
+  height: 180rpx;
+}
+ 
+swiper swiper-item .slide-image {
+  width: 100%;
+  height: 180rpx;
+}
+ 
+.jia_img {
+  height: 80rpx;
+  width: 90rpx;
+}
+ 
+.time {
+  text-align: center;
+  padding: 5rpx 20rpx 5rpx 20rpx;
+  border-radius: 10rpx;
+  display: block;
+  height: 38rpx;
+  line-height: 38rpx;
+  position: relative;
+  margin: 0 auto;
+  margin-bottom: 20rpx;
+  width: 90rpx;
+  color: white;
+  font-size: 26rpx;
+  background-color: #dedede;
+}
+ 
+.tab {
+  bottom: 120rpx;
+}
+ 
+.tab_1 {
+  position: fixed;
+  bottom: 50rpx;
+  width: 200rpx;
+  font-size: 26rpx;
+  left: 50%;
+  margin-left: -45rpx;
+  height: 100rpx;
+}
+ 
+.tab_2 {
+  right: 30rpx;
+  position: fixed;
+}
+ 
+/* 聊天 */
+ 
+.my_right {
+  float: right;
+  margin-top: 30rpx;
+  position: relative;
+}
+ 
+.my_audio {
+  height: 60rpx;
+  width: 60rpx;
+  z-index: 2;
+  position: relative;
+  top: 10rpx;
+  left: 20rpx;
+}
+ 
+.you_left {
+  margin-top: 30rpx;
+  float: left;
+  position: relative;
+  padding-left: 5rpx;
+}
+ 
+.new_img {
+  width: 85rpx;
+  height: 85rpx;
+  overflow: hidden;
+}
+ 
+.page_r {
+  float: right;
+}
+ 
+.new_txt {
+  min-width: 380rpx;
+  width: 460rpx;
+  word-break: break-all;
+}
+ 
+.new_txt_my {
+  border-radius: 7rpx;
+  background: #9fe75a;
+  position: relative;
+  right: 30rpx;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+  float: right;
+  border: 1px solid #d0d0d0;
+}
+ 
+.new_txt_my .arrow {
+  position: absolute;
+  z-index: 2;
+  width: 40rpx;
+  right: -38rpx;
+}
+ 
+.new_txt_my .arrow em {
+  position: absolute;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent transparent transparent #d0d0d0;
+  top: 1rpx;
+}
+ 
+.new_txt_my .arrow span {
+  position: absolute;
+  top: 5rpx;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent transparent transparent #9fe75a;
+}
+ 
+.new_txt_my_2 {
+  word-break: break-all;
+  border-radius: 7rpx;
+  background: #9fe75a;
+  min-width: 330rpx;
+  max-width: 530rpx;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+  float: right;
+}
+ 
+.new_txt_ai {
+  border-radius: 7rpx;
+  left: 20rpx;
+  background-color: #fff;
+  position: relative;
+  border: 1px solid #d0d0d0;
+  float: left;
+}
+ 
+.new_txt_ai .arrow {
+  position: relative;
+  width: 40rpx;
+  left: -30rpx;
+}
+ 
+.new_txt_ai .arrow em {
+  position: absolute;
+  border-style: solid;
+  border-width: 15rpx;
+  top: 20rpx;
+  border-color: transparent #d0d0d0 transparent transparent;
+}
+ 
+.new_txt_ai .arrow span {
+  position: absolute;
+  top: 20rpx;
+  border-style: solid;
+  border-width: 15rpx;
+  border-color: transparent #fff transparent transparent;
+  left: 2rpx;
+}
+ 
+.ai_content {
+  word-break: break-all;
+  padding: 17rpx 30rpx 17rpx 30rpx;
+}
+ 
+.sanjiao {
+  top: 25rpx;
+  position: relative;
+  width: 0px;
+  height: 0px;
+  border-width: 15rpx;
+  border-style: solid;
+}
+ 
+.my {
+  border-color: transparent transparent transparent #9fe75a;
+}
+ 
+.you {
+  border-color: transparent #fff transparent transparent;
+}
+ 
+._span {
+  border-color: #fff transparent transparent;
+  top: -17px;
+}
+ 
+.is_ai_btn {
+  border-radius: 0 0 7px 7px;
+  border-top: 1px solid #d0d0d0;
+  background: white;
+  position: relative;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 80rpx;
+  line-height: 80rpx;
+  display: flex;
+  flex-direction: row;
+  text-align: center;
+}
+ 
+.is_ai_btn view {
+  width: 50%;
+}
+ 
+.is_ai_btn image {
+  width: 32rpx;
+  position: relative;
+  top: 4rpx;
+  height: 32rpx;
+}
+ 
+.is_ai_btn .two {
+  border-left: 1px solid #d0d0d0;
+}
+ 
+.yes_problem_log {
+  border-top: 1px solid #d0d0d0;
+  height: 80rpx;
+  text-align: center;
+  line-height: 80rpx;
+}
+ 
+.voice_icon {
+  width: 60rpx;
+  height: 60rpx;
+  margin: 0 auto;
+  padding: 10rpx 10rpx 10rpx 10rpx;
+}
+ 
+.add_icon {
+  width: 70rpx;
+  height: 70rpx;
+  margin: 0 auto;
+  padding: 20rpx 10rpx 10rpx 15rpx;
+}
+ 
+.voice_ing {
+  width: 90%;
+  height: 75rpx;
+  line-height: 85rpx;
+  text-align: center;
+  border-radius: 15rpx;
+  border: 1px solid #d0d0d0;
+}
+ 
+.zezhao {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%;
+  background: rgba(0, 0, 0, 0.5);
+}
+ 
+.in_voice_icon {
+  z-index: 3;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+  height: 500rpx;
+  background: #f8f8f8;
+}
+ 
+.in_voice_icon .item {
+  position: relative;
+  margin-top: 50rpx;
+  margin-left: 50rpx;
+  text-align: center;
+  width: 140rpx;
+}
+ 
+.in_voice_icon .img {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 15rpx;
+}
+ 
+.in_voice_icon .text {
+  font-size: 32rpx;
+  margin-top: 20rpx;
+}
+ 
+.sendmessage {
+  width: 100%;
+  z-index: 2;
+  display: flex;
+  position: fixed;
+  bottom: 0px;
+  background-color: #f8f8f8;
+  flex-direction: row;
+  height: 100rpx;
+}
+ 
+.sendmessage input {
+  width: 78%;
+  height: 80rpx;
+  line-height: 80rpx;
+  font-size: 28rpx;
+  margin-top: 10rpx;
+  margin-left: 20rpx;
+  border-bottom: 1px solid #d0d0d0;
+  padding-left: 20rpx;
+}
+ 
+.sendmessage button {
+  border: 1px solid white;
+  width: 18%;
+  height: 80rpx;
+  background: #0c0;
+  color: white;
+  line-height: 80rpx;
+  margin-top: 10rpx;
+  font-size: 28rpx;
+}
+ 
+.hei {
+  height: 20rpx;
+}
+ 
+.history {
+  height: 88%;
+  display: flex;
+  font-size: 14px;
+  line-height: 50rpx;
+  position: relative;
+  top: 20rpx;
+}
+ 
+.icno_kf {
+  position: fixed;
+  bottom: 160rpx;
+  margin: 0 auto;
+  text-align: center;
+  left: 50%;
+  margin-left: -40rpx;
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+}

src/service/index.js

@@ -0,0 +1,13 @@
+//首页js接口
+import Request from '../api/request';
+
+
+
+//获取机器人的回答
+export const getAsk = data =>
+  Request({
+    url: '/api/ask',
+    method: 'POST',
+    data,
+  });
+

types/global.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="@tarojs/taro" />
+
+declare module '*.png';
+declare module '*.gif';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.svg';
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.styl';
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    TARO_ENV: 'weapp' | 'swan' | 'alipay' | 'h5' | 'rn' | 'tt' | 'quickapp' | 'qq' | 'jd'
+  }
+}
+