添加tab

config/index.js

@@ -8,7 +8,7 @@ const config = {
     828: 1.81 / 2
   },
   sourceRoot: 'src',
-  outputRoot: 'dist',
+  outputRoot: `dist/${process.env.TARO_ENV}`,
   plugins: [],
   defineConstants: {
   },

package.json

@@ -4,7 +4,7 @@
   "private": true,
   "description": "liaotian ",
   "templateInfo": {
-    "name": "default",
+    "name": "redux",
     "typescript": false,
     "css": "less"
   },
@@ -26,7 +26,8 @@
     "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"
+    "dev:quickapp": "npm run build:quickapp -- --watch",
+    "deploy": "gh-pages -d dist"
   },
   "browserslist": [
     "last 3 versions",

src/app.config.js

@@ -1,5 +1,6 @@
 export default defineAppConfig({
   pages: [
+    'pages/index/index',
     'pages/chat/index',
     'pages/collection/index',
     "pages/task/index",
@@ -17,37 +18,37 @@ export default defineAppConfig({
       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: "收藏"
+  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: "我的"
-  //     }
-  //   ]
-  // },
+      },
+      {
+        pagePath: "pages/index/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/pages/chat/index.jsx

@@ -6,8 +6,8 @@ import './index.less'
 import tool from '../../common/tool'
 
 export default class Albums_play extends Component {
-  plugin = requirePlugin("WechatSI");
-  manager = this.plugin.getRecordRecognitionManager();
+  plugin = process.env.TARO_ENV == 'weapp' ? requirePlugin("WechatSI") : '';
+  manager = process.env.TARO_ENV == 'weapp' ? this.plugin.getRecordRecognitionManager() : '';
   options = {
     sampleRate: 44100,
     numberOfChannels: 1,
@@ -35,9 +35,10 @@ export default class Albums_play extends Component {
   }
 
   componentDidShow () {
-    console.log('页面启动',this.state.userId);
-    this.userinfo()
-    this.initRecord()
+    console.log('页面启动', this.state.userId);
+    if (process.env.TARO_ENV == 'weapp') {
+      this.initRecord()
+    }
     // this.setState({
     //   userId: this.generateUserID()
     // })
@@ -65,30 +66,7 @@ export default class Albums_play extends Component {
   // })
 
   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
@@ -113,6 +91,10 @@ export default class Albums_play extends Component {
       user_id: this.state.userId,
       text: inputHtml
     }
+    if (process.env.TARO_ENV == 'tt') {
+      params['app_id'] = 'tt6e291894f116667e01'
+    }
+
     api.getAsk(params).then(res => {
       if (res.code == 200) {
         let otherInfo = {
@@ -138,19 +120,19 @@ export default class Albums_play extends Component {
         })
       }
     })
-    .catch(res=>{
-      console.log("请求超时");
-      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) {
@@ -301,7 +283,10 @@ export default class Albums_play extends Component {
             <View className='in_voice_icon_tips'>机器人思考中...</View>
           }
           <View className="sendmessage" style={`bottom:${this.state.input_bottom}px`}>
+            {
+              process.env.TARO_ENV=='weapp'&&
             <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
@@ -325,6 +310,7 @@ export default class Albums_play extends Component {
                   autoHeight
                   disabled={!this.state.isAnswer}
                   id='advice_textarea'
+                  className='advice_textarea'
                   cursorSpacing='5'
                   showConfirmBar=''
                   confirmType='send'

src/pages/chat/index.less

@@ -22,14 +22,14 @@ page {
   color: #F2F2F2;
   top: -70px;
   font-size: 28px;
-  padding: 10px 50px;
+  padding: 10px 50px 20px 50px;
   background-color: #948c8c94;
   border-radius: 5px;
   // background: url(https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1677810251249.png);
 }
 
 .sendmessage {
-  margin: 20px;
+  margin: 20px 20px 40px 20px;
   z-index: 2;
   display: flex;
   align-items: flex-end;
@@ -41,7 +41,7 @@ page {
   margin: 0 auto;
 }
 
-.sendmessage Input {
+.sendmessage .advice_textarea {
   flex: 1;
   padding: 10px;
   height: 60px;
@@ -84,7 +84,7 @@ page {
   padding:  20px;
   justify-content: flex-end;
   .mine-text{
-    background-color: #9EE770;
+    background-color: #f8f8f8;
     border-radius: 10px;
     padding: 20px;
     max-width: 485px;
@@ -100,7 +100,7 @@ page {
       width: 0;
       height: 0;
       border-top: 20px solid transparent;
-      border-left: 20px solid #9EE770;
+      border-left: 20px solid #f8f8f8;
       border-right: 20px solid transparent;
       border-bottom: 20px solid transparent;
     }

src/pages/index/index.config.js

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

src/pages/index/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/index/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%;
+}