第一版

app_list.json

@@ -0,0 +1,14 @@
+{
+  "taroConfig": {
+    "version": "1.3.3",
+    "desc": "添加广告"
+  },
+  "app_list": [
+    {
+      "projectname": "AI绘画练习生",
+      "description": "AI绘画练习生",
+      "appid": "wxcf756553cfb65cb8",
+      "path_name": "project.config.json"
+    }
+  ]
+}

auto_pack.py

@@ -0,0 +1,94 @@
+#!/usr/bin/python3
+# -*- coding:utf-8 -*-
+# __author__ = '__spring__'
+
+'''
+归因上报抖音数据的脚本
+
+'''
+
+import json
+import os
+
+
+class Handle:
+
+    def __init__(self):
+        pass
+    
+    """
+    将替换的字符串写到一个新的文件中，然后将原文件删除，新文件改为原来文件的名字
+    :param file: 文件路径
+    :param old_str: 需要替换的字符串
+    :param new_str: 替换的字符串
+    :return: None
+    """
+    def updateFile(self,file,old_str,new_str):
+        with open(file, "r", encoding="utf-8") as f1,open("%s.bak" % file, "w", encoding="utf-8") as f2:
+            for line in f1:
+                if old_str in line:
+                    line = line.replace(old_str, new_str)
+                f2.write(line)
+        os.remove(file)
+        os.rename("%s.bak" % file, file)
+    
+    def main(self):
+        # 读取需要打包的app 列表
+        with open('./app_list.json','r') as f :
+            data =  f.read()
+        data = json.loads(data)
+        app_list = data["app_list"]
+        tar_ver = data["taroConfig"]
+        
+        #读取版本号
+        with open('./package.json','r') as f :
+            package = f.read()
+            package =  json.loads(package)
+        
+        #更新版本号
+        with open('./package.json','w') as f :
+            package["taroConfig"] = tar_ver
+            json.dump(package,f,indent=4,ensure_ascii=False)
+            
+        
+        #遍历需要打包的应用
+        for app_info in app_list:
+            path_name = app_info["path_name"]
+            #读取配置文件
+            with open(path_name,'r') as f:
+                pro_data =  f.read()
+                pro_data = json.loads(pro_data)
+            #修改配置文件
+            with open(path_name,'w') as f:
+                pro_data["appid"] = app_info["appid"]
+                pro_data["projectname"] = app_info["projectname"]
+                pro_data["description"] = app_info["description"]
+                json.dump(pro_data,f,indent=4,ensure_ascii=False)
+            
+            #修改抖音自定义导航栏的样式
+            # self.updateFile("./src/pages/albums_play/index.config.js","custom","default")
+            if app_info["appid"].find("wx") > -1:
+                #修改打包插件的appid
+                self.updateFile("./config/index.js","__APPID__",app_info["appid"])
+                #修改抖音自定义导航栏的样式
+                # self.updateFile("./src/pages/albums_play/index.config.js","default","custom")
+                
+                #自己添加打包插件
+            self.updateFile("./config/index.js","plugins:[]",'plugins:[["@tarojs/plugin-mini-ci", CIPluginOpt]]')
+            
+            #开始运行打包命令
+            cmd = "npm run build:weapp_upload"
+            if path_name.find("tt") > 0:
+                cmd = "npm run build:tt_upload"
+            os.system(cmd) #执行命令
+            
+            if app_info["appid"].find("wx") > -1:
+                #修改打包插件的appid
+                self.updateFile("./config/index.js",app_info["appid"],"__APPID__")
+                
+            self.updateFile("./config/index.js",'plugins:[["@tarojs/plugin-mini-ci", CIPluginOpt]]',"plugins:[]")
+            
+        pass
+
+if __name__=='__main__':
+    Handle().main()

config/index.js

@@ -1,3 +1,19 @@
+
+const appid_weapp = '__APPID__'
+const CIPluginOpt = {
+  // 微信小程序
+  weapp: {
+    appid: appid_weapp,
+    privateKeyPath: `./private/private.${appid_weapp}.key`
+  },
+  // 字节跳动小程序
+  tt: {
+    email: "lh243434798981008@163.com",
+    password: "lihai1243434798"
+  },
+}
+
+
 const config = {
   projectName: 'myApp',
   date: '2023-3-2',
@@ -9,7 +25,7 @@ const config = {
   },
   sourceRoot: 'src',
   outputRoot: `dist/${process.env.TARO_ENV}`,
-  plugins: [],
+  plugins:[],
   defineConstants: {
   },
   copy: {
@@ -28,7 +44,7 @@ const config = {
       pxtransform: {
         enable: true,
         config: {
-
+          selectorBlackList: [/van-/],
         }
       },
       url: {

package.json

@@ -1,75 +1,84 @@
 {
-  "name": "myApp",
+    "name": "myApp",
-  "version": "1.0.0",
+    "version": "1.0.0",
-  "private": true,
+    "private": true,
-  "description": "liaotian ",
+    "description": "liaotian ",
-  "templateInfo": {
+    "templateInfo": {
-    "name": "redux",
+        "name": "redux",
-    "typescript": false,
+        "typescript": false,
-    "css": "less"
+        "css": "less"
-  },
+    },
-  "scripts": {
+    "scripts": {
-    "build:weapp": "taro build --type weapp",
+        "build:weapp": "taro build --type weapp",
-    "build:swan": "taro build --type swan",
+        "build:weapp_upload": "taro build --type weapp  --upload",
-    "build:alipay": "taro build --type alipay",
+        "build:swan": "taro build --type swan",
-    "build:tt": "taro build --type tt",
+        "build:alipay": "taro build --type alipay",
-    "build:h5": "taro build --type h5",
+        "build:tt": "taro build --type tt",
-    "build:rn": "taro build --type rn",
+        "build:tt_upload": "taro build --type tt  --upload",
-    "build:qq": "taro build --type qq",
+        "build:h5": "taro build --type h5",
-    "build:jd": "taro build --type jd",
+        "build:rn": "taro build --type rn",
-    "build:quickapp": "taro build --type quickapp",
+        "build:qq": "taro build --type qq",
-    "dev:weapp": "npm run build:weapp -- --watch",
+        "build:jd": "taro build --type jd",
-    "dev:swan": "npm run build:swan -- --watch",
+        "build:quickapp": "taro build --type quickapp",
-    "dev:alipay": "npm run build:alipay -- --watch",
+        "dev:weapp": "npm run build:weapp -- --watch",
-    "dev:tt": "npm run build:tt -- --watch",
+        "dev:swan": "npm run build:swan -- --watch",
-    "dev:h5": "npm run build:h5 -- --watch",
+        "dev:alipay": "npm run build:alipay -- --watch",
-    "dev:rn": "npm run build:rn -- --watch",
+        "dev:tt": "npm run build:tt -- --watch",
-    "dev:qq": "npm run build:qq -- --watch",
+        "dev:h5": "npm run build:h5 -- --watch",
-    "dev:jd": "npm run build:jd -- --watch",
+        "dev:rn": "npm run build:rn -- --watch",
-    "dev:quickapp": "npm run build:quickapp -- --watch",
+        "dev:qq": "npm run build:qq -- --watch",
-    "deploy": "gh-pages -d dist"
+        "dev:jd": "npm run build:jd -- --watch",
-  },
+        "dev:quickapp": "npm run build:quickapp -- --watch",
-  "browserslist": [
+        "deploy": "gh-pages -d dist"
-    "last 3 versions",
+    },
-    "Android >= 4.1",
+    "browserslist": [
-    "ios >= 8"
+        "last 3 versions",
-  ],
+        "Android >= 4.1",
-  "author": "",
+        "ios >= 8"
-  "dependencies": {
+    ],
-    "@babel/runtime": "^7.7.7",
+    "author": "",
-    "@tarojs/components": "3.5.7",
+    "dependencies": {
-    "@tarojs/helper": "3.5.7",
+        "@babel/runtime": "^7.7.7",
-    "@tarojs/plugin-framework-react": "3.5.7",
+        "@tarojs/components": "3.5.7",
-    "@tarojs/plugin-platform-alipay": "3.5.7",
+        "@tarojs/helper": "3.5.7",
-    "@tarojs/plugin-platform-jd": "3.5.7",
+        "@tarojs/plugin-framework-react": "3.5.7",
-    "@tarojs/plugin-platform-qq": "3.5.7",
+        "@tarojs/plugin-platform-alipay": "3.5.7",
-    "@tarojs/plugin-platform-swan": "3.5.7",
+        "@tarojs/plugin-platform-jd": "3.5.7",
-    "@tarojs/plugin-platform-tt": "3.5.7",
+        "@tarojs/plugin-platform-qq": "3.5.7",
-    "@tarojs/plugin-platform-weapp": "3.5.7",
+        "@tarojs/plugin-platform-swan": "3.5.7",
-    "@tarojs/react": "3.5.7",
+        "@tarojs/plugin-platform-tt": "3.5.7",
-    "@tarojs/router": "3.5.7",
+        "@tarojs/plugin-platform-weapp": "3.5.7",
-    "@tarojs/runtime": "3.5.7",
+        "@tarojs/react": "3.5.7",
-    "@tarojs/shared": "3.5.7",
+        "@tarojs/router": "3.5.7",
-    "@tarojs/taro": "3.5.7",
+        "@tarojs/runtime": "3.5.7",
-    "@tarojs/taro-h5": "3.5.7",
+        "@tarojs/shared": "3.5.7",
-    "react": "^18.0.0",
+        "@tarojs/taro": "3.5.7",
-    "react-dom": "^18.0.0"
+        "@tarojs/taro-h5": "3.5.7",
-  },
+        "@vant/weapp": "^1.10.14",
-  "devDependencies": {
+        "postcss": "^8.2.1",
-    "@babel/core": "^7.8.0",
+        "react": "^18.0.0",
-    "@tarojs/cli": "3.5.7",
+        "react-dom": "^18.0.0"
-    "@types/webpack-env": "^1.13.6",
+    },
-    "@types/react": "^18.0.0",
+    "devDependencies": {
-    "webpack": "5.69.0",
+        "@babel/core": "^7.8.0",
-    "@tarojs/webpack5-runner": "3.5.7",
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
-    "babel-preset-taro": "3.5.7",
+        "@tarojs/cli": "3.5.7",
-    "eslint-config-taro": "3.5.7",
+        "@tarojs/plugin-mini-ci": "3.5.7",
-    "eslint": "^8.12.0",
+        "@tarojs/webpack5-runner": "3.5.7",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.5",
+        "@types/react": "^18.0.0",
-    "react-refresh": "^0.11.0",
+        "@types/webpack-env": "^1.13.6",
-    "eslint-plugin-react": "^7.8.2",
+        "babel-preset-taro": "3.5.7",
-    "eslint-plugin-import": "^2.12.0",
+        "eslint": "^8.12.0",
-    "eslint-plugin-react-hooks": "^4.2.0",
+        "eslint-config-taro": "3.5.7",
-    "stylelint": "^14.4.0"
+        "eslint-plugin-import": "^2.12.0",
-  }
+        "eslint-plugin-react": "^7.8.2",
-}
+        "eslint-plugin-react-hooks": "^4.2.0",
+        "react-refresh": "^0.11.0",
+        "stylelint": "^14.4.0",
+        "webpack": "5.69.0"
+    },
+    "taroConfig": {
+        "version": "1.3.3",
+        "desc": "添加广告"
+    }
+}

project.config.json

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

project.tt.json

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

src/api/request.js

@@ -1,4 +1,6 @@
 import Taro from '@tarojs/taro';
+import ttappid from '../../project.tt.json'
+import wxappid from '../../project.config.json'
 import {
   baseUrl
 } from './config';
@@ -8,9 +10,16 @@ export default (options = {
   method: 'GET',
   data: {}
 }) => {
-
   const request_data = {
+    session_key: Taro.getStorageSync('session_key') || '',
+    channel_name: Taro.getStorageSync('channel_name') || 'channel_name',
+    source_name: Taro.getStorageSync('source_name') || 'source_name',
   };
+  if (process.env.TARO_ENV === 'weapp') {
+    request_data['appid'] = wxappid.appid
+  } else if (process.env.TARO_ENV === 'tt') {
+    request_data['appid'] = ttappid.appid
+  }
   return Taro.request({
     url: baseUrl + options.url,
     data: {

src/app.config.js

@@ -1,48 +1,41 @@
 export default defineAppConfig({
   pages: [
     'pages/index/index',
-    'pages/chat/index',
     'pages/collection/index',
-    "pages/task/index",
+    "pages/darwDetail/index",
     "pages/mine/index"
   ],
   window: {
     backgroundTextStyle: 'light',
-    navigationBarBackgroundColor: '#fff',
+    navigationBarBackgroundColor: '#041129',
-    navigationBarTitleText: 'WeChat',
+    navigationBarTitleText: 'AI绘画',
-    navigationBarTextStyle: 'black'
+    navigationBarTextStyle: 'white'
-  },
-  plugins: {
-    "WechatSI": {
-      version: '0.3.5',
-      provider: 'wx069ba97219f66d99'
-    }
   },
   tabBar: {
-    color: "#000000",
+    color: "#C6C6C6",
-    selectedColor: "#1E1E1E",
+    selectedColor: "#0F84EC",
     borderStyle: "white",
-    backgroundColor: "#fff",
+    backgroundColor: "#041129",
     list: [
       {
         pagePath: "pages/collection/index",
         iconPath: "images/nav/like.png",
         selectedIconPath: "images/nav/like_pin.png",
-        text: "收藏"
+        text: "拓展"
 
       },
       {
         pagePath: "pages/index/index",
         iconPath: "images/nav/play.png",
         selectedIconPath: "images/nav/play_pin.png",
-        text: "首页"
+        text: "创作"
-      },
-      {
-        pagePath: "pages/task/index",
-        iconPath: "images/nav/task.png",
-        selectedIconPath: "images/nav/task_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",

src/app.js

@@ -1,15 +1,48 @@
 import { Component } from 'react'
+import tool from './common/tool'
+import Taro, { getCurrentInstance } from '@tarojs/taro'
 import './app.less'
 
 class App extends Component {
-
+  $instance = getCurrentInstance()
-  componentDidMount () {}
+  componentDidMount () { }
 
   componentDidShow () {
     console.log('app启动');
+    if (!Taro.getStorageSync('session_key')) {
+      tool.toLogin();
+    }
+  }
+  onLaunch () {
+    // if (wx.getStorageSync('channel_name') == '') {
+    //   wx.setStorageSync('channel_name', "channel_name")
+    // }
+
+    // 保持屏幕常亮
+    Taro.setKeepScreenOn({
+      keepScreenOn: true
+    })
+    // 获取路由参数
+    let params = this.$instance.router.params
+    console.log(params, 'params');
+    let item = params
+    if (params.channel_name) {
+      Taro.setStorageSync('channel_name', item.channel_name)
+    }
+    if (params.source_name) {
+      Taro.setStorageSync('source_name', item.source_name)
+    }
+
+    Taro.setKeepScreenOn({
+      keepScreenOn: true
+    })
+
+
+
+
   }
 
-  componentDidHide () {}
+  componentDidHide () { }
 
   render () {
     // this.props.children 是将要会渲染的页面

src/common/tool.js

@@ -1,5 +1,25 @@
 import Taro from '@tarojs/taro'
+import * as api from '../service/index'
 const tool = {
+  //去登录
+  toLogin: function (rescallback = () => { }) {
+    Taro.login({
+      success: function (res) {
+        let params = {
+          code: res.code,
+        }
+        if (res.code) {
+          api.login(params).then(item => {
+            Taro.setStorage({
+              key: "session_key",
+              data: item.data.session_key
+            })
+          })
+        } else {
+        }
+      }
+    })
+  },
   // 生成四位随机数的函数
   generateRandomNumber () {
     // 生成一个 0 到 9999 之间的随机整数
@@ -18,6 +38,18 @@ const tool = {
     const userID = timestamp + randomNumber;
     console.log(userID,'userID');
     return userID;
+  },
+   /**
+ * 限制字符串长度
+ * value:字符串对象
+ * lmit:展示的长度
+ */
+   ellipsis: function (value, lmit) {
+    if (!value) return ''
+    if (value.length > lmit) {
+      return value.slice(0, lmit) + '...'
+    }
+    return value
   }
 }
 export default tool

src/pages/chat/index.config.js

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

src/pages/chat/index.jsx

@@ -1,342 +0,0 @@
-import { Component } from 'react'
-import { View, Text, Button, Image, ScrollView, Input, Textarea } from '@tarojs/components'
-import Taro, { requirePlugin,getCurrentInstance } from '@tarojs/taro'
-import * as api from '../../service/index'
-import './index.less'
-import tool from '../../common/tool'
-
-export default class Albums_play extends Component {
-  $instance = getCurrentInstance()
-  plugin = process.env.TARO_ENV == 'weapp' ? requirePlugin("WechatSI") : '';
-  manager = process.env.TARO_ENV == 'weapp' ? 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 () {
-    let routers = this.$instance.router.params
-    console.log(routers,'routers');
-     Taro.setNavigationBarTitle({
-        title: routers.title
-      })
-    console.log('页面启动', this.state.userId);
-    if (process.env.TARO_ENV == 'weapp') {
-      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 () { }
-
-  // 提交文字
-  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
-    }
-    if (process.env.TARO_ENV == 'tt') {
-      params['app_id'] = 'tt6e291894f116667e01'
-    }
-
-    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 userSelect 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 userSelect 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`}>
-            {
-              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
-                  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'
-                  className='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

@@ -1,144 +0,0 @@
-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 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 20px 40px 20px;
-  z-index: 2;
-  display: flex;
-  align-items: flex-end;
-  flex-direction: row;
-}
-.add_icon {
-  width: 60px;
-  height: 60px;
-  margin: 0 auto;
-}
-
-.sendmessage .advice_textarea {
-  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: #f8f8f8;
-    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 #f8f8f8;
-      border-bottom: 20px solid transparent;
-    }
-  }
-  .other-image{
-    width: 80px;
-    height: 80px;
-    border-radius: 10px;
-  }
-}

src/pages/darwDetail/index.config.js

@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '作品详情'
+})

src/pages/darwDetail/index.jsx

@@ -0,0 +1,227 @@
+import { Component } from 'react'
+import { View, Swiper, SwiperItem, Image, Textarea } from '@tarojs/components'
+import Taro, { getCurrentInstance } from '@tarojs/taro'
+import * as api from '../../service/index'
+import './index.less'
+
+export default class Task extends Component {
+  $instance = getCurrentInstance()
+  state = {
+    draw_status: 0,
+    draw_data: {},
+    draw_infos: [],
+    que_cnt: 0,
+    default_img: '',
+    interval: null
+
+  }
+
+  componentWillMount () {
+    this.getDrawTaskStatus()
+  }
+  getDrawTaskStatus () {
+    let routers = this.$instance.router.params
+    api.getDrawTaskStatus({ task_id: routers.task_id }).then(res => {
+      //定时器不要轻易改，避免造成服务器攻击
+      if (res.code == 200) {
+        let draw_infos = res.data.draw_infos
+        if (res.data.draw_status != 2) {
+          let params = {}
+          params['img'] = res.data.default_img
+          draw_infos.push(params)
+        }
+        console.log(draw_infos, 'draw_infos');
+        if (res.data.draw_status != 2 && res.data.que_cnt > 1) {
+          this.state.interval = setInterval(() => {
+            this.getDrawTaskStatus()
+          }, 1000 * 30)
+        } else if (res.data.draw_status != 2 && res.data.que_cnt <= 1) {
+          clearInterval(this.state.interval)
+          this.state.interval = setInterval(() => {
+            this.getDrawTaskStatus()
+          }, 1000 * 5)
+        } else {
+          clearInterval(this.state.interval)
+        }
+        this.setState({
+          draw_status: res.data.draw_status,
+          draw_data: res.data.draw_data,
+          que_cnt: res.data.que_cnt,
+          draw_infos: draw_infos
+        })
+      }
+    })
+  }
+  download () {
+    // Taro.downloadFile({
+    //   url: this.state.draw_infos[0].img, //仅为示例，并非真实的资源
+    //   success: function (res) {
+    //     // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
+    //     if (res.statusCode === 200) {
+    //       Taro.playVoice({
+    //         filePath: res.tempFilePath
+    //       })
+    //     }
+    //   }
+    // })
+    this.downImg()
+  }
+  // 鉴权操作 判断是否有保存到相册的权限
+  // 有就直接下载 没有就弹窗提示给权限
+  downImg () {
+    Taro.getSetting({
+      success: res => {
+        if (!res.authSetting['scope.writePhotosAlbum']) {
+          Taro.authorize({
+            scope: 'scope.writePhotosAlbum',
+            success: () => {
+              this.doSaveImg()
+            },
+            fail: () => {
+              this.openConfirm()
+            }
+          })
+        } else {
+          this.doSaveImg()
+        }
+      }
+    })
+  }
+  // 生成临时路径 保存图片到手机
+  doSaveImg () {
+    Taro.downloadFile({
+      url: this.state.draw_infos[0].img,
+      success: res => {
+        Taro.saveImageToPhotosAlbum({
+          filePath: res.tempFilePath,
+          success: () => {
+            Taro.showToast({ title: '已保存到相册', icon: 'success' })
+          },
+          fail: () => {
+            Taro.showToast({ title: '保存失败', icon: 'none' })
+          }
+        })
+      }
+    })
+  }
+  // 权限弹窗
+  openConfirm () {
+    Taro.showModal({
+      content: '检测到您没有打开小程序相册权限，是否取设置打开？',
+      showCancel: true,
+      success: res => {
+        if (res.confirm) {
+          // 打开权限
+          Taro.openSetting({
+            success: res => {
+              this.doSaveImg()
+            }
+          })
+        }
+      }
+    })
+  }
+
+
+  componentDidMount () { }
+  //页面销毁之前调用
+  componentWillUnmount () {
+    //避免服务器攻击
+    clearInterval(this.state.interval)
+  }
+
+
+  render () {
+    return (
+      <View className='mine'>
+        <Swiper
+          className='banner'
+          indicatorColor='#121D34'
+          indicatorActiveColor='#0F84EC'
+          circular
+          adjustHeight='first'
+          indicatorDots
+          autoplay>
+          {
+            this.state.draw_infos.map((item, index) => (
+              <SwiperItem key={index}>
+                <View className='banner-info'>
+                  <Image className='banner-image' mode='aspectFit' src={item.img}></Image>
+                </View>
+              </SwiperItem>
+            ))
+          }
+          {
+            this.state.draw_status != 2 &&
+            <View className='banner-tips'>
+              预计等待{this.state.que_cnt + 1}分钟...
+            </View>
+          }
+          {/* <SwiperItem>
+            <View className='demo-text-2'><Image ></Image></View>
+          </SwiperItem>
+          <SwiperItem>
+            <View className='demo-text-3'><Image ></Image></View>
+          </SwiperItem> */}
+        </Swiper>
+        <View className='content'>
+          <View className='draw-title'>绘画描述</View>
+          <View className='draw-text'>
+            <Textarea
+              value={this.state.draw_data.prompt}
+              className='draw-taxtarea'
+              placeholder='| 请输入相关描述，也可以输入关键词～'
+              showCount
+              disabled
+            />
+            
+          </View>
+          <View className='draw-content'>
+            <View className='draw-info'>
+              <View className='info-title'>模型</View>
+              <View className='info-text'>{this.state.draw_data.model_name} </View>
+            </View>
+            <View className='draw-info'>
+              <View className='info-title'>风格</View>
+              <View className='info-text'>{ } </View>
+            </View>
+            <View className='draw-info'>
+              <View className='info-title'>图片尺寸</View>
+              <View className='info-text'>{this.state.draw_data.img_size} </View>
+            </View>
+            {/* <View className='draw-info'>
+              <View className='info-title'>图片质量</View>
+              <View className='info-text'>{} </View>
+            </View> */}
+          </View>
+          <View className='draw-title'>绘画不要的元素</View>
+          <View className='draw-text'>
+            <Textarea
+              value={this.state.draw_data.negative_prompt}
+              className='draw-taxtarea'
+              placeholder='| 请输入相关描述，也可以输入关键词～'
+              showCount
+              disabled
+            />
+          </View>
+        </View>
+        <View className='func'>
+          <View className='func-list'>
+            {/* <View className='func-info'>
+              <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952380367.png'></Image>
+              <View>发布</View>
+            </View> */}
+            <View className='func-info'>
+              <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952396973.png'></Image>
+              <View>分享</View>
+            </View>
+            <View className='func-info' onClick={e => (this.download())}>
+              <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952411029.png'></Image>
+              <View>下载</View>
+            </View>
+          </View>
+        </View>
+      </View>
+    )
+  }
+}

src/pages/darwDetail/index.less

@@ -0,0 +1,112 @@
+.mine {
+  min-height: 100vh;
+  background-color: #041129;
+  padding-bottom: 120px;
+
+  .banner {
+    width: 750px;
+    height: 750px;
+    position: relative;
+
+    .banner-tips {
+      position: absolute;
+      top: 50px;
+      left: 10px;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: rgba(255, 255, 255, .75);
+    }
+
+    .banner-info {
+      width: 100%;
+      height: 100%;
+
+      .banner-image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+
+  .content {
+    padding: 0 30px;
+
+    .draw-title {
+      margin-top: 48px;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #FFFFFF;
+    }
+
+    .draw-text {
+      margin-top: 20px;
+
+      .draw-taxtarea {
+        width: 642px;
+        background-color: rgba(255, 255, 255, .05);
+        color: rgba(255, 255, 255, .5);
+        min-height: 240px;
+        padding: 24px;
+      }
+    }
+
+    .draw-content {
+      margin-top: 48px;
+
+      .draw-info {
+        margin-top: 1px;
+        background: #0F1A2F;
+
+        padding: 0 30px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        height: 112px;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: rgba(255, 255, 255, .75);
+      }
+
+      .draw-info:first-child {
+        border-radius: 16px 16px 0 0;
+      }
+
+      .draw-info:last-child {
+        border-radius: 0 0 16px 16px;
+      }
+    }
+
+  }
+
+  .func {
+    width: 100%;
+    margin-top: 76px;
+
+    .func-list {
+      padding: 0 30px;
+      display: flex;
+      justify-content: space-evenly;
+    }
+
+    .func-info {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 218px;
+      height: 80px;
+      border-radius: 8px;
+      border: 2px solid rgba(16, 133, 237, 1);
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #38ADF4;
+      letter-spacing: 0;
+      text-align: center;
+
+      .func-image {
+        margin-right: 22px;
+        width: 48px;
+        height: 48px;
+      }
+    }
+  }
+}

src/pages/index/index.config.js

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

src/pages/index/index.jsx

@@ -1,69 +1,281 @@
 import { Component } from 'react'
-import { View, Text, Button, Image, scrollView, Input } from '@tarojs/components'
+import { View, Text, Button, Image, scrollView, Input, Textarea, Slider } from '@tarojs/components'
-import Taro, {getCurrentInstance} from '@tarojs/taro'
+import Taro, { getCurrentInstance } from '@tarojs/taro'
+import * as api from '../../service/index'
 
 import './index.less'
 
 export default class Mine extends Component {
-  
+
   state = {
-    classList: [
+    models: [],//模板
-      {
+    imgSize: [],//图片尺寸
-        name: '美食家',
+    sampling: [],//采样方式
-        tips: '你想吃的美食我都会做哟',
+    samplingIndex: 0,//当前选择的采样方式
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
+    loraIndex: 0,//当前选择的lora
-      },
+    sizeIndex: 0,//当前选择的尺寸
-      {
+    isOpen: false,
-        name: '作者',
+    value: '',//绘画描述
-        tips: '你想吃的美食我都会做哟',
+    negativeValue: '',//不要的元素
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
+    modelIndex: 0,//当前选择的模型
-      },
+    sliderNum: 7,//色彩丰富度
-      {
+    drawNum: 1,//图片数量
-        name: '美食家',
-        tips: '你想吃的美食我都会做哟',
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
-      },
-      {
-        name: '美食家',
-        tips: '你想吃的美食我都会做哟',
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
-      },
-      {
-        name: '美食家',
-        tips: '你想吃的美食我都会做哟',
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
-      },
-    ]
   }
 
-  componentWillMount () { }
+  componentDidShow () {
+    this.getDrawIndex()
+  }
 
   componentDidMount () { }
 
-  componentWillUnmount () { }
+  getMyDraw () {
-
+    api.getMyDraw({ page_size: 100 })
-  componentDidShow () { }
+  }
-
+  getDrawIndex () {
-  componentDidHide () { }
+    api.getDrawIndex().then(res => {
-  toChat (e) {
+      if (res.code == 200) {
-    Taro.navigateTo({
+        this.setState({
-      url: `/pages/chat/index?title=${e.name}`
+          models: res.data.models,
+          imgSize: res.data.img_size,
+          sampling: res.data.Sampler
+        })
+      }
+    })
+  }
+  getRadomPrompt () {
+    api.getRadomPrompt().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          value: res.data.prompt,
+          negativeValue: res.data.negative_prompt
+        })
+        document.getElementById('textarea-num').innerHTML = res.data.prompt.length + "/1000";
+        document.getElementById('negative_prompt').innerHTML = res.data.negative_prompt.length + "/1000";
+      }
+    })
+  }
+  onInput (e) {
+    console.log(e, 'e')
+    var num = e.detail.cursor;
+    document.getElementById('textarea-num').innerHTML = num + "/1000";
+  }
+  onBlur (e) {
+    this.setState({
+      value: e.detail.value
+    })
+    console.log(e, 'onBlur');
+  }
+  onInputNegative (e) {
+    console.log(e, 'e');
+    var num = e.detail.cursor;
+    document.getElementById('negative_prompt').innerHTML = num + "/1000";
+  }
+  onBlurNegative(e){
+    this.setState({
+      negativeValue: e.detail.value
+    })
+  }
+  changeOpen () {
+    this.setState({
+      isOpen: !this.state.isOpen
+    })
+  }
+  selectModel (item, index) {
+    this.setState({
+      modelIndex: index,
+      loraIndex: 0
+    })
+  }
+  subNum () {
+    if (this.state.drawNum <= 1) return
+    this.setState({
+      drawNum: this.state.drawNum - 1
+    })
+  }
+  addNum () {
+    if (this.state.drawNum >= 4) return
+    this.setState({
+      drawNum: this.state.drawNum + 1
+    })
+  }
+  changeMeasurement (item, index) {
+    this.setState({
+      sizeIndex: index
+    })
+  }
+  changeSampling (item, index) {
+    this.setState({
+      samplingIndex: index
     })
   }
+  changeLora (item, index) {
+    this.setState({
+      loraIndex: index
+    })
+  }
+  //生成图片
+  generatePictures () {
+    console.log('生成图片');
+    console.log();
+    setTimeout(() => {
+      if (this.state.value.length == 0) {
+        Taro.showToast({
+          title: `请填写绘画描述`,
+          icon: 'error',
+        });
+        return
+      }
+      let pramas = {
+        model_name: this.state.models[this.state.modelIndex].model_name,
+        file_name: this.state.models[this.state.modelIndex].lora_infos.length > 0 ? this.state.models[this.state.modelIndex].lora_infos[this.state.loraIndex].file_name : '',
+        img_size: this.state.imgSize[this.state.sizeIndex].name,
+        img_cnt: this.state.drawNum,
+        cfg_scale: this.state.sliderNum,
+        sampler: this.state.sampling[this.state.samplingIndex],
+        prompt: this.state.value,
+        negative_prompt: this.state.negativeValue
+      }
+      api.drawTxt2img(pramas).then(res => {
+        if (res.code == 200) {
+          Taro.navigateTo({
+            url: `/pages/darwDetail/index?task_id=${res.data.task_id}`
+          })
+        }
+      })
+    },1000)
+  }
+  toChat (e) {
+  }
 
   render () {
     return (
       <View className='mine'>
-        <View className='food'>
+        {/* <View className='banner'>
+          <Image className='banner-image' src=''></Image>
+        </View> */}
+        <View className='draw-content'>
+          <View className='draw-brack'>
+            <View className='draw-tab'>
+              <View className='tab-text' style={'background: #0F84EC;color: #FFFFFF;'}>AI绘画</View>
+              <View className='tab-text'>人物头像</View>
+              <View className='tab-text'>风景头像</View>
+            </View>
+          </View>
+          <View className='draw-title'>绘画描述</View>
+          <View className='draw-text'>
+            <View className='recommend'>
+              <Image className='recommend-img' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678934357612.png'></Image>
+              <View className='recommend-text' onClick={e => (this.getRadomPrompt())}>使用推荐词</View>
+            </View>
+            <Textarea
+              value={this.state.value}
+              className='draw-taxtarea'
+              placeholder='| 请输入相关描述，也可以输入关键词～'
+              showCount
+              onInput={e => (this.onInput(e))}
+              onBlur={e => (this.onBlur(e))}
+
+              maxlength='1000' />
+            <View className='textarea-num' id='textarea-num'>{this.state.value.length}/1000</View>
+          </View>
+          <View className='draw-title'>选择模型</View>
+          <View className='model-list'>
+            {
+              !this.state.isOpen ?
+                this.state.models.slice(0, 6).map((item, index) => (
+                  <View className='model-info'
+                    style={this.state.modelIndex == index ? `border: 2px solid #0F84EC; background:url(${item.img});background-size: 100% 100%;` : `background:url(${item.img});background-size: 100% 100%;`}
+                    key={index}
+                    onClick={e => (this.selectModel(item, index))}>
+                    <View className='model-info-bottom'>
+                      {item.name}
+                    </View>
+                  </View>
+                )) :
+                this.state.models.map((item, index) => (
+                  <View className='model-info'
+                    style={this.state.modelIndex == index ? `border: 2px solid #0F84EC; background:url(${item.img});background-size: 100% 100%;` : `background:url(${item.img});background-size: 100% 100%;`}
+                    key={index}
+                    onClick={e => (this.selectModel(item, index))}>
+                    <View className='model-info-bottom'>
+                      {item.name}
+                    </View>
+                  </View>
+                ))
+            }
+          </View>
+          <View className='isOpen'>
+            <View className='open-content' onClick={e => (this.changeOpen())}>
+              <View className='open-title'>{!this.state.isOpen ? '展开' : '收起'}</View>
+              <Image className='open-img' src={!this.state.isOpen ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678935050487.png' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678935114571.png'}></Image>
+            </View>
+          </View>
           {
-            this.state.classList.map((item, index) => (
+            this.state.models[this.state.modelIndex] &&
-              <View className='food-info' key={index} onClick={e => (this.toChat(item))}>
+            this.state.models[this.state.modelIndex].lora_infos.length > 0 &&
-                <Image className='food-img' src={item.image}> </Image>
+            <View>
-                <View className='food-name'>{item.name}</View>
+              <View className='draw-title'>风格</View>
-                <View className='food-tips'>{item.tips}</View>
+              <View className='model-style-list'>
+                {
+                  this.state.models[this.state.modelIndex].lora_infos.map((item, index) => (
+                    <View className='model-style-info' key={index} style={this.state.loraIndex == index ? `border: 2px solid #0F84EC;background:url(${item.img});background-size: 100% 100%;` : `background:url(${item.img});background-size: 100% 100%;`} onClick={e => (this.changeLora(item, index))}>
+                      <View className='model-style-info-name'>{item.name}</View>
+                    </View>
+                  ))
+                }
+
               </View>
-            ))
+            </View>
           }
+          <View className='draw-title'>色彩丰富度</View>
+          <View className='components-page'>
+            <Slider style={'margin: 10px 0;'} showValue step={1} max={15} min={1} activeColor='#0F84EC' value={this.state.sliderNum} />
+          </View>
+          <View className='draw-title'>图片尺寸</View>
+          <View className='measurement-list'>
+            {
+              this.state.imgSize.map((item, index) => (
+                <View className='measurement-info' style={this.state.sizeIndex == index ? 'border: 2px solid #0F84EC;' : ''} key={index} onClick={e => (this.changeMeasurement(item, index))}>
+                  <Image className='measurement-img' src=''></Image>
+                  <View className='measurement-title'>{item.name}</View>
+                </View>
+              ))
+            }
+          </View>
+          <View className='draw-title'>生成数量</View>
+          <View className='draw-num'>
+            <View className='subtract' onClick={e => (this.subNum())}>-</View>
+            <View className='num'>{this.state.drawNum}</View>
+            <View className='add' onClick={e => (this.addNum())}>+</View>
+          </View>
+          <View className='draw-title'>图片质量</View>
+          <View className='draw-mass'>
+            <View className='mass-same'>一般</View>
+            <View className='mass-high'>高清</View>
+          </View>
+          <View className='draw-title'>采样方式</View>
+          <View className='draw-sampling'>
+            {
+              this.state.sampling.map((item, index) => (
+                <View className='sampling-same' style={this.state.samplingIndex == index ? 'border: 2px solid #0F84EC;' : ''} key={index} onClick={e => (this.changeSampling(item, index))}>{item}</View>
+              ))
+            }
+          </View>
+          <View className='draw-title'>绘画不要的元素</View>
+          <View className='draw-text'>
+            <Textarea
+              value={this.state.negativeValue}
+              className='draw-taxtarea'
+              placeholder='| 请输入相关描述，也可以输入关键词～'
+              showCount
+              onInput={e => (this.onInputNegative(e))}
+              onBlur={e => (this.onBlurNegative(e))}
+              maxlength='1000' />
+            <View className='textarea-num' id='negative_prompt'>{this.state.negativeValue.length}/1000</View>
+          </View>
+        </View>
+        <View className='generate-pictures' onClick={e => (this.generatePictures(e))} >
+          生成图片（消耗2积分）
         </View>
       </View>
     )

src/pages/index/index.less

@@ -1,37 +1,324 @@
-page {
-  background-color: #f2f2f2;
-  height: 100%;
-  padding: 0 auto;
-  margin: 0 auto;
-}
-
 .mine {
-  .food {
+  min-height: 100vh;
-    margin: 20px;
+  background-color: #041129;
-    display: flex;
+
-    justify-content: space-between;
+  .draw-content {
-    flex-wrap: wrap;
+    padding: 48px 30px;
-
+
-    .food-info {
+    .draw-brack {
-      width: 43%;
+      display: flex;
-      border-radius: 10px;
+      justify-content: center;
-      background-color: #FFFFFF;
+      margin-bottom: 10px;
-      margin: 10px;
+
-      padding: 10px;
+      .draw-tab {
-      box-shadow: 0px 0px 10px rgb(139, 138, 138);
+        width: 654px;
-
+        display: flex;
-      .food-img {
+        height: 64px;
-        width: 100px;
+        justify-content: space-around;
-        height: 100px;
+        border-radius: 16px;
-        border-radius: 50%;
+        background-color: rgba(255, 255, 255, .05);
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: rgba(255, 255, 255, .5);
+        letter-spacing: 0;
+        text-align: center;
+
+        .tab-text {
+          height: 64px;
+          line-height: 64px;
+          flex: 1;
+        }
+
+        .tab-text:nth-child(1) {
+          border-radius: 8px 0 0 8px;
+        }
+
+        .tab-text:nth-child(3) {
+          border-radius: 0 8px 8px 0;
+        }
+      }
+    }
+
+    .draw-title {
+      margin-top: 48px;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #FFFFFF;
+    }
+
+    .draw-text {
+      margin-top: 30px;
+      position: relative;
+
+      .recommend {
+        position: absolute;
+        right: 0;
+        top: -84px;
+        width: 222px;
+        height: 64px;
+        display: flex;
+        align-items: center;
+        border-radius: 16px;
+        justify-content: center;
+        background-color: rgba(255, 255, 255, .05);
+        color: rgba(255, 255, 255, .5);
+
+        .recommend-img {
+          width: 48px;
+          height: 48px;
+          display: block;
+        }
+
+        .recommend-text {
+          font-family: PingFangSC-Regular;
+          font-size: 24px;
+          letter-spacing: 0;
+          text-align: center;
+        }
+      }
+
+      .draw-taxtarea {
+        width: 642px;
+        background-color: rgba(255, 255, 255, .05);
+        color: rgba(255, 255, 255, .5);
+        min-height: 240px;
+        padding: 24rpx;
+      }
+
+      .textarea-num {
+        margin-top: 20px;
+        text-align: end;
+        color: rgba(255, 255, 255, .5);
+      }
+
+
+    }
+
+    .model-list {
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+
+      .model-info {
+        position: relative;
+        background-size: 100% 100%;
+        margin-bottom: 16px;
+        width: 220px;
+        margin-left: 10px;
+        height: 220px;
+        display: block;
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+
+        .model-info-bottom {
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          font-size: 32px;
+          background-color: rgba(0, 0, 0, 0.4);
+          ;
+          color: #FFFFFF;
+          text-align: center;
+        }
       }
-      .food-name{
+    }
-        font-size: 32px;
+
+    .isOpen {
+      display: flex;
+      justify-content: center;
+
+      .open-content {
+        width: 174px;
+        height: 80px;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .open-title {
+          font-family: PingFangSC-Regular;
+          font-size: 32px;
+          color: #0F84EC;
+          letter-spacing: 0;
+          text-align: center;
+        }
+
+        .open-img {
+          width: 40px;
+          height: 40px;
+          margin-left: 5px;
+          display: block;
+        }
+      }
+    }
+
+    .model-style-list {
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+
+      .model-style-info {
+        position: relative;
+        margin-top: 10px;
+        margin-left: 14rpx;
+        width: 160px;
+        height: 160px;
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+        display: block;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
       }
-      .food-tips{
+
+      .model-style-info-name {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
         font-size: 28px;
-        color: #656363;
+        background-color: rgba(0, 0, 0, 0.4);
+        ;
+        color: #FFFFFF;
+        text-align: center;
+      }
+    }
+
+    .components-page {
+      margin-top: 40px;
+    }
+
+    .measurement-list {
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+
+      .measurement-info {
+        margin: 0 20px;
+        width: 116px;
+        height: 116px;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+      }
+
+      .measurement-img {
+        width: 100px;
+        height: 60px;
+      }
+
+      .measurement-title {
+        text-align: center;
+        font-family: PingFangSC-Regular;
+        font-size: 20px;
+        color: #0F84EC;
+      }
+    }
+
+    .draw-num {
+      margin-top: 20px;
+      display: flex;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #FFFFFF;
+
+      .subtract {
+        width: 102px;
+        height: 80px;
+        line-height: 80px;
+        text-align: center;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+      }
+
+      .num {
+        margin: 0 8px;
+        width: 102px;
+        height: 80px;
+        line-height: 80px;
+        text-align: center;
+      }
+
+      .add {
+        width: 102px;
+        height: 80px;
+        line-height: 80px;
+        text-align: center;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+      }
+    }
+
+    .draw-mass {
+      margin-top: 20px;
+      display: flex;
+      opacity: 0.5;
+      font-family: PingFangSC-Regular;
+      font-size: 28px;
+      color: rgba(255, 255, 255, .5);
+
+      .mass-same {
+        width: 150px;
+        height: 80px;
+        line-height: 80px;
+        text-align: center;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+      }
+
+      .mass-high {
+        width: 150px;
+        height: 80px;
+        line-height: 80px;
+        text-align: center;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+        margin-left: 24px;
       }
     }
+
+    .draw-sampling {
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+      font-family: PingFangSC-Regular;
+      font-size: 28px;
+      color: rgba(255, 255, 255, .5);
+
+      .sampling-same {
+
+        margin-top: 20px;
+        margin-right: 20px;
+        padding: 0 40px;
+        height: 80px;
+        line-height: 80px;
+        text-align: center;
+        background-color: rgba(255, 255, 255, .05);
+        border-radius: 16px;
+      }
+
+    }
+  }
+
+  .generate-pictures {
+    width: 382px;
+    height: 96px;
+    border-radius: 96px;
+    line-height: 96px;
+    text-align: center;
+    position: fixed;
+    bottom: 40px;
+    left: 50%;
+    z-index: 1000;
+    transform: translateX(-50%);
+    background-image: linear-gradient(-49deg, #5D81FF 0%, #0F84EC 100%);
+    font-family: PingFangSC-Regular;
+    font-size: 28px;
+    color: #FFFFFF;
   }
 }

src/pages/mine/index.config.js

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

src/pages/mine/index.jsx

@@ -1,60 +1,108 @@
 import { Component } from 'react'
 import { View, Text, Button, Image, scrollView, Input } from '@tarojs/components'
+import Taro, { } from '@tarojs/taro'
+import tool from '../../common/tool'
+import * as api from '../../service/index'
 import './index.less'
 
 export default class Mine extends Component {
 
   state = {
-    classList: [
+    userInfo: {},
-      {
+    type: 0,
-        name: '美食家',
+    infos: [],
-        tips: '你想吃的美食我都会做哟',
+    total: 20,
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
+    page: 1,
-      },
+    page_size: 20,
-      {
-        name: '美食家',
-        tips: '你想吃的美食我都会做哟',
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
-      },
-      {
-        name: '美食家',
-        tips: '你想吃的美食我都会做哟',
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
-      },
-      {
-        name: '美食家',
-        tips: '你想吃的美食我都会做哟',
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
-      },
-      {
-        name: '美食家',
-        tips: '你想吃的美食我都会做哟',
-        image: 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678353807082.png',
-      },
-    ]
   }
 
-  componentWillMount () { }
+  componentDidShow () {
+    this.getUserInfo()
+    this.getMyDraw(1)
+  }
+  getUserInfo () {
+    api.getUserInfo().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          userInfo: res.data
+        })
+      }
+    })
+  }
+  getMyDraw (page) {
+    let params = {
+      page: page,
+      page_size: this.state.page_size,
+    }
+    api.getMyDraw(params).then(res => {
+      if (res.code == 200) {
+        let infos = this.state.infos.concat(res.data.infos)
+        this.setState({
+          infos: infos,
+          total: res.data.total
+        })
+      }
+    })
+  }
+  onReachBottom () {
+    if (this.state.infos.length < this.state.total) {
+      this.setState({
+        page: this.state.page + 1
+      })
+      this.getMyDraw(this.state.page + 1)
+    }
+    console.log('onReachBottom()');
+  }
+  changeType (index) {
+    this.setState({
+      type: index
+    })
+  }
+  toDetail(item){
+    Taro.navigateTo({
+      url: `/pages/darwDetail/index?task_id=${item.task_id}`
+    })
+  }
 
   componentDidMount () { }
 
-  componentWillUnmount () { }
-
-  componentDidShow () { }
-
-  componentDidHide () { }
-
   render () {
     return (
       <View className='mine'>
-        <View className='food'>
+        <View className='user-info'>
-          {
+          <View className='user-top'>
-            this.state.classList.map((item, index) => (
+            <Image className='user-img' src={this.state.userInfo.head_img}></Image>
-              <View className='food-info'>
+            <View className='user-info-text'>
-                
+              <View className='info-top'>
+                <View className='user-name'>{this.state.userInfo.user_name}</View>
               </View>
-            ))
+              <View className='info-bottom'>
-          }
+                <View className='integral'>积分：~</View>
+              </View>
+            </View>
+          </View>
+          <View className='get-integral'>
+            <View className='inte-button'>获取积分</View>
+          </View>
+        </View>
+        <View className='type'>
+          <View className='type-content'>
+            <View className='works' style={this.state.type == 0 ? ' background-image: linear-gradient(-45deg, #4EC3F8 0%, #0F84EC 100%);color: #FFFFFF;' : ''} onClick={e => (this.changeType(0))}>作品</View>
+            <View className='like' style={this.state.type == 1 ? ' background-image: linear-gradient(-45deg, #4EC3F8 0%, #0F84EC 100%);color: #FFFFFF;' : ''} onClick={e => (this.changeType(1))}>喜欢</View>
+          </View>
+        </View>
+        <View className='work-list'>
+          <View className='work-num'>作品数量：{this.state.total}/1000</View>
+          <View className='work-list-info' >
+            {
+              this.state.infos.map((item, index) => (
+                <View className='work-info' key={index} onClick={e=>(this.toDetail(item))}>
+                  <Image className='work-img' mode='widthFix' src={item.img}></Image>
+                  <View className='work-name'>{tool.ellipsis(item.img_info, 20)}</View>
+                </View>
+              ))
+            }
+          </View>
         </View>
       </View>
     )

src/pages/mine/index.less

@@ -1,14 +1,133 @@
 .mine {
-  .food {
+  min-height: 100vh;
-    margin: 20px;
+  background-color: #041129;
+  padding-bottom: 120px;
+
+  .user-info {
+    height: 326px;
+    background: #0F1A2F;
+    border-radius: 28px 28px 0 0;
+    padding: 30px;
+
+    .user-top {
+      display: flex;
+      align-items: center;
+
+      .user-img {
+        width: 120px;
+        height: 120px;
+        border-radius: 50%;
+      }
+
+      .user-info-text {
+        margin-left: 16px;
+        flex: 1;
+
+        .info-top {
+          .user-name {
+            font-family: PingFangSC-Medium;
+            font-size: 32px;
+            color: #FFFFFF;
+          }
+        }
+
+        .info-bottom {
+          display: flex;
+
+          .integral {
+            font-family: PingFangSC-Regular;
+            font-size: 28px;
+            color: #FFFFFF;
+          }
+        }
+      }
+    }
+
+    .get-integral {
+      margin-top: 66px;
+      display: flex;
+      justify-content: center;
+
+      .inte-button {
+        width: 216px;
+        height: 80px;
+        line-height: 80px;
+        border: 2px solid #1489ED;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: #C6C6C6;
+        text-align: center;
+
+      }
+    }
+  }
+
+  .type {
+    margin-top: 48px;
     display: flex;
-    justify-content: space-around;
+    justify-content: center;
-    .food-info{
+
-      width: 40%;
+    .type-content {
-      border-radius: 10px;
+      display: flex;
-      background-color: #FFFFFF;
+      background: #0F1A2F;
-      padding: 10px;
+      font-family: PingFangSC-Regular;
-      box-shadow:0px 0px 5px rgb(139, 138, 138) ;
+      font-size: 28px;
+      color: rgba(255, 255, 255, .5);
+      letter-spacing: 0;
+      border-radius: 8px;
+
+      .works {
+
+        width: 218px;
+        height: 64px;
+        line-height: 64px;
+        text-align: center;
+        border-radius: 8px 0 0 8px;
+      }
+
+      .like {
+        border-radius: 0 8px 8px 0;
+        width: 218px;
+        height: 64px;
+        line-height: 64px;
+        text-align: center;
+      }
+    }
+  }
+
+  .work-list {
+    margin-top: 70px;
+    padding: 0 30px;
+
+    .work-num {
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #FFFFFF;
+    }
+    .work-list-info{
+      margin-top: 40px;
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      .work-info{
+        position: relative;
+        margin-top: 10px;
+        width: 45%;
+        .work-img{
+          width: 100%;
+        }
+        .work-name{
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+          font-size: 32rpx;
+          background-color: rgba(0, 0, 0, 0.4);
+          color: #FFFFFF;
+          text-align: center;
+
+        }
+      }
     }
   }
 }

src/pages/task/index.config.js

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

src/pages/task/index.jsx

@@ -1,24 +0,0 @@
-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

@@ -1,379 +0,0 @@
-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

@@ -1,13 +1,53 @@
 //首页js接口
 import Request from '../api/request';
 
-
-
 //获取机器人的回答
-export const getAsk = data =>
+export const login = data =>
   Request({
-    url: '/api/ask',
+    url: '/api/login',
     method: 'POST',
     data,
   });
 
+//获取绘画数据
+export const getDrawIndex = data =>
+  Request({
+    url: '/api/get_draw_index',
+    method: 'POST',
+    data,
+  });
+//获取绘画描述
+export const getRadomPrompt = data =>
+  Request({
+    url: '/api/get_radom_prompt',
+    method: 'POST',
+    data,
+  });
+//画图
+export const drawTxt2img = data =>
+  Request({
+    url: '/api/draw_txt2img',
+    method: 'POST',
+    data,
+  });
+//获取我的作品
+export const getMyDraw = data =>
+  Request({
+    url: '/api/get_my_draw',
+    method: 'POST',
+    data,
+  });
+//获取画图详情页
+export const getDrawTaskStatus = data =>
+  Request({
+    url: '/api/get_draw_task_status',
+    method: 'POST',
+    data,
+  });
+//获取画图详情页
+export const getUserInfo = data =>
+  Request({
+    url: '/api/get_user_info',
+    method: 'POST',
+    data,
+  });