添加AI绘画

project.tt.json

@@ -1,7 +1,7 @@
 {
     "miniprogramRoot": "./",
     "projectname": "AI绘画练习生",
-    "appid": "tt6e291894f116667e01",
+    "appid": "tt8534f3891a0bf12e01",
     "setting": {
         "es6": false,
         "minified": false

src/app.config.js

@@ -21,13 +21,19 @@ export default defineAppConfig({
         "pages/earnPoints/index",
       ]
     },
-    // {
-    //   root: "moduleB",
-    //   name: "分包B",
-    //   pages: [
-       
-    //   ]
-    // },
+    {
+      root: "moduleB",
+      name: "分包B",
+      pages: [
+        "pages/works/index",//我的作品
+        "pages/like/index",//我的喜欢
+        "pages/comic/index",//人物动漫画
+        "pages/faceChanging/index",//AI换脸
+        "pages/point/index",//新手指引
+        "pages/real/index",//资讯
+        "pages/realDetail/index",//资讯
+      ]
+    },
     
   ],
   window: {

src/common/tool.js

@@ -2,7 +2,7 @@ import Taro from '@tarojs/taro'
 import * as api from '../service/index'
 const tool = {
   shareTitle:'一款属于自己的AI绘画小程序，快来创作属于自己的独家作品吧。',
-  shareImg:'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679623995925.png',
+  shareImg:'http://video-img.fyshark.com/1680599995457%E5%88%86%E4%BA%AB%E5%9B%BE%20200-200.png',
   //去登录
   toLogin: function (rescallback = () => { }) {
     Taro.login({

src/moduleA/pages/communityDetail/index.jsx

@@ -284,15 +284,21 @@ export default class Task extends Component {
   // 鉴权操作 判断是否有保存到相册的权限
   // 有就直接下载 没有就弹窗提示给权限
   downImg () {
+    if (process.env.TARO_ENV == 'tt') {
+      this.doSaveImg()
+      return
+    }
     Taro.getSetting({
       success: res => {
         if (!res.authSetting['scope.writePhotosAlbum']) {
           Taro.authorize({
             scope: 'scope.writePhotosAlbum',
             success: () => {
+              console.log('成功');
               this.doSaveImg()
             },
             fail: () => {
+              console.log('失败');
               this.openConfirm()
             }
           })
@@ -304,6 +310,7 @@ export default class Task extends Component {
   }
   // 生成临时路径 保存图片到手机
   doSaveImg () {
+
     Taro.downloadFile({
       url: this.state.img_info.img,
       success: res => {
@@ -343,6 +350,11 @@ export default class Task extends Component {
       url: `/pages/index/index?task_id=${routers.task_id}`
     })
   }
+  copyPromptAI () {
+    Taro.reLaunch({
+      url: `/moduleB/pages/faceChanging/index?img=${this.state.img_info.img}`
+    })
+  }
 
   copyNegativePrompt () {
     Taro.setClipboardData({
@@ -404,6 +416,9 @@ export default class Task extends Component {
               maxlength='1000'
             />
             <View className='copy'>
+              <View className='copy-button' onClick={e => (this.copyPromptAI())}>
+                <View>AI换脸</View>
+              </View>
               <View className='copy-button' onClick={e => (this.copyPrompt())}>
                 <View>画同款</View>
               </View>
@@ -425,7 +440,7 @@ export default class Task extends Component {
             </View>
             <View className='draw-info'>
               <View className='info-title'>图片质量</View>
-              <View className='info-text'>{this.state.task_info.img_type==0?'普通':'高清'} </View>
+              <View className='info-text'>{this.state.task_info.img_type == 0 ? '普通' : '高清'} </View>
             </View>
             <View className='draw-info'>
               <View className='info-title'>采样方式</View>
@@ -457,7 +472,7 @@ export default class Task extends Component {
               <View>发布</View>
             </View> */}
             {
-              this.state.qrCodeImg.length > 0 &&
+              this.state.qrCodeImg.length > 0 && process.env.TARO_ENV != 'tt' &&
               <View className='func-info' onClick={e => (this.openFill())}>
                 <Image className='func-image' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1678952396973.png'></Image>
                 <View>分享</View>

src/moduleA/pages/communityDetail/index.less

@@ -63,6 +63,7 @@
 
       .draw-taxtarea {
         width: 642px;
+        font-size: 28px;
         background-color: rgba(255, 255, 255, .05);
         color: rgba(255, 255, 255, .5);
         min-height: 240px;
@@ -75,6 +76,7 @@
         justify-content: flex-end;
 
         .copy-button {
+          margin-left: 20px;
           display: flex;
           align-items: center;
           color: #FFFFFF;

src/moduleA/pages/darwDetail/index.jsx

@@ -27,17 +27,33 @@ export default class Task extends Component {
     // TaroCanvasDrawer 组件状态
     canvasStatus: false,
     isFill: false,//是否画海报
+    lastTime: 0,
+    jumpurl: '',//广告id
+    task_id: 0,//任务id
+    repeat: 0,//广告次数
   }
 
-  componentDidMount () {
-
+  componentDidShow () {
+    this.getCoinTaskAd()
   }
 
   componentWillMount () {
     this.getWxCodeImg()
     this.getDrawTaskStatus()
+
     // this.getWxCodeImg ()
   }
+  getCoinTaskAd () {
+    api.getCoinTaskAd().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          jumpurl: res.data[0].jumpurl,//广告id
+          task_id: res.data[0].id,//任务id
+          repeat: res.data[0].repeat
+        })
+      }
+    })
+  }
   getWxCodeImg () {
     api.getWxCodeImg({ code_from: 'bill' }).then(res => {
       this.dataURLtoFile(res.data)
@@ -97,6 +113,7 @@ export default class Task extends Component {
         if (res.data.draw_status != 2) {
           let params = {}
           params['img'] = res.data.default_img
+          params['id'] = -1
           draw_infos.push(params)
         }
         console.log(draw_infos, 'draw_infos');
@@ -209,6 +226,11 @@ export default class Task extends Component {
       }
     })
   }
+  copyPromptAI () {
+    Taro.reLaunch({
+      url: `/moduleB/pages/faceChanging/index?img=${this.state.draw_infos[this.state.current].img}`
+    })
+  }
 
   copyNegativePrompt () {
     Taro.setClipboardData({
@@ -360,7 +382,7 @@ export default class Task extends Component {
           path: tempFilePath
         })
       })
-       //画图成功之后打开分享
+      //画图成功之后打开分享
       //  Taro.downloadFile({
       //   url: tempFilePath,
       //   success: (res) => {
@@ -411,14 +433,85 @@ export default class Task extends Component {
       });
     }
   }
+  //激励广告
+  playVideo () {
+    let lastTime = this.state.lastTime;
+    let now = new Date().getTime();
+    if (now - lastTime < 2000) return
+    this.setState({
+      lastTime: now
+    })
+    // 在页面中定义激励视频广告
+    let adUnitId = this.state.jumpurl
+    // 在页面中定义激励视频广告
+    let videoAd = null
+    let that = this
+    console.log(videoAd, 'videoAd');
+    // 在页面onLoad回调事件中创建激励视频广告实例
+    if (wx.createRewardedVideoAd) {
+      videoAd = wx.createRewardedVideoAd({
+        adUnitId: adUnitId
+      })
+      videoAd.onLoad(() => { })
+      videoAd.onError((err) => { })
+      try {
+        if (videoAd.closeHandler) {
+          videoAd.offClose(videoAd.closeHandler);
+          console.log("videoAd.offClose卸载成功");
+        }
+      } catch (e) {
+        console.log("videoAd.offClose 卸载失败");
+        console.error(e);
+      }
+      videoAd.closeHandler = function (res) {
+        // 用户点击了【关闭广告】按钮
+        if (res && res.isEnded || res === undefined) {
+          // 正常播放结束，可以下发游戏奖励
+          api.finishTask({ task_id: that.state.task_id }).then(res => {
+            if (res.code == 200) {
+              that.getCoinTaskAd()
+              Taro.showToast({
+                title: '点券+4',
+                icon: 'none',
+                duration: 2000
+              })
+            }
+          })
+        } else {
+          that.getCoinTaskAd()
+          //提前关闭小程序
+        }
+      };
+      videoAd.onClose(videoAd.closeHandler);
+
+    }
+
+    // 用户触发广告后，显示激励视频广告
+    if (videoAd) {
+      videoAd.show().catch(() => {
+        // 失败重试
+        videoAd.load()
+          .then(() => videoAd.show())
+          .catch(err => {
+            Taro.showToast({
+              title: '暂无广告',
+              icon: 'none',
+              duration: 2000
+            })
+            console.log('激励视频 广告显示失败')
+          })
+      })
+    }
+
+  }
   openFill () {
     this.canvasDrawFunc()
   }
-  changeCurrent(e){
+  changeCurrent (e) {
     this.setState({
-      current:e.detail.current
+      current: e.detail.current
     })
-    console.log(e,'eeee');
+    console.log(e, 'eeee');
   }
 
 
@@ -432,24 +525,32 @@ export default class Task extends Component {
           circular
           current={this.state.current}
           adjustHeight='first'
-          onChange={e=>(this.changeCurrent(e))}
+          onChange={e => (this.changeCurrent(e))}
           indicatorDots
-          >
+        >
           {
             this.state.draw_infos.map((item, index) => (
               <SwiperItem key={index}>
                 <View className='banner-info'>
                   <Image className='banner-image' mode='aspectFit' src={item.img} onClick={e => (this.previewImage(item, index))}></Image>
                 </View>
+                {
+                  this.state.draw_status != 2 && item.id == -1 &&
+                  <View className='banner-tips'>
+                    <View className='tips-left'>
+                      预计等待{Math.ceil((this.state.que_cnt - 1) * 0.2 + 1)}分钟...
+                    </View>
+                    {
+                      this.state.repeat <= 10 && process.env.TARO_ENV != 'tt' &&
+                      <View className='tips-right' onClick={e => (this.playVideo())}>
+                        点击观看广告领取积分
+                      </View>
+                    }
+                  </View>
+                }
               </SwiperItem>
             ))
           }
-          {
-            this.state.draw_status != 2 &&
-            <View className='banner-tips'>
-              预计等待{Math.ceil((this.state.que_cnt - 1)*0.2+1)}分钟...
-            </View>
-          }
         </Swiper>
         <View className='content'>
           <View className='draw-title'>绘画描述</View>
@@ -463,6 +564,9 @@ export default class Task extends Component {
               disabled
             />
             <View className='copy'>
+              <View className='copy-button-AI' onClick={e => (this.copyPromptAI())}>
+                <View>AI换脸</View>
+              </View>
               <View className='copy-button' onClick={e => (this.copyPrompt())}>
                 <Image className='copy-icon' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679017836200.png'></Image>
                 <View>复制</View>
@@ -485,7 +589,7 @@ export default class Task extends Component {
             </View>
             <View className='draw-info'>
               <View className='info-title'>图片质量</View>
-              <View className='info-text'>{this.state.draw_data.img_type==0?'普通':'高清'} </View>
+              <View className='info-text'>{this.state.draw_data.img_type == 0 ? '普通' : '高清'} </View>
             </View>
             <View className='draw-info'>
               <View className='info-title'>采样方式</View>
@@ -503,6 +607,7 @@ export default class Task extends Component {
               maxlength='1000'
             />
             <View className='copy'>
+
               <View className='copy-button' onClick={e => (this.copyNegativePrompt())}>
                 <Image className='copy-icon' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679017836200.png'></Image>
                 <View>复制</View>

src/moduleA/pages/darwDetail/index.less

@@ -9,12 +9,22 @@
     position: relative;
 
     .banner-tips {
-      position: absolute;
-      top: 50px;
-      left: 10px;
       font-family: PingFangSC-Regular;
       font-size: 32px;
       color: rgba(255, 255, 255, .75);
+
+      .tips-left {
+        position: absolute;
+        top: 50px;
+        left: 10px;
+      }
+
+      .tips-right {
+        position: absolute;
+        top: 50px;
+        right: 10px;
+        text-decoration: underline
+      }
     }
 
     .banner-info {
@@ -43,6 +53,7 @@
 
       .draw-taxtarea {
         width: 642px;
+        font-size: 28px;
         background-color: rgba(255, 255, 255, .05);
         color: rgba(255, 255, 255, .5);
         min-height: 240px;
@@ -54,7 +65,19 @@
         display: flex;
         justify-content: flex-end;
 
+        .copy-button-AI {
+          display: flex;
+          align-items: center;
+          color: #FFFFFF;
+          background-image: linear-gradient(-45deg, #4EC3F8 0%, #0F84EC 100%);
+          font-size: 24px;
+          padding: 5px 20px;
+          border-radius: 30px;
+
+        }
+
         .copy-button {
+          margin-left: 20px;
           display: flex;
           align-items: center;
           border: 2px solid #0F84EC;

src/moduleA/pages/earnPoints/index.jsx

@@ -14,6 +14,7 @@ export default class Task extends Component {
     shop_list: [],//充值列表
     ext_info: {},//注意事项
     isIos: false,
+    lastTime: 0,
   }
 
   componentWillMount () {
@@ -25,6 +26,7 @@ export default class Task extends Component {
     this.getCoinTaskList()
     this.getShopList()
     this.getUserInfo()
+   
   }
   onShareAppMessage = (res) => {
     let shareData = {
@@ -34,6 +36,7 @@ export default class Task extends Component {
     }
     return shareData;
   }
+
   //获取任务列表
   getCoinTaskList () {
     api.getCoinTaskList().then(res => {
@@ -64,6 +67,11 @@ export default class Task extends Component {
   }
   finishTask (item, index) {
     if (item.status != 0) return
+    if (item.btn_title == '观看') {
+      console.log('观看');
+      this.playVideo(item)
+      return
+    }
     if (item.btn_title == '去点赞') {
       Taro.switchTab({
         url: '/pages/collection/index'
@@ -83,6 +91,78 @@ export default class Task extends Component {
       }
     })
   }
+  //激励广告
+  playVideo (item) {
+    let lastTime = this.state.lastTime;
+    let now = new Date().getTime();
+    if (now - lastTime < 2000) return
+    console.log(item, 'itehndodjd');
+    this.setState({
+      lastTime: now
+    })
+    // 在页面中定义激励视频广告
+    let adUnitId = item.jumpurl
+    // 在页面中定义激励视频广告
+    let videoAd = null
+    let that = this
+    console.log(videoAd, 'videoAd');
+    // 在页面onLoad回调事件中创建激励视频广告实例
+    if (wx.createRewardedVideoAd) {
+      videoAd = wx.createRewardedVideoAd({
+        adUnitId: adUnitId
+      })
+      videoAd.onLoad(() => { })
+      videoAd.onError((err) => { })
+      try {
+        if (videoAd.closeHandler) {
+          videoAd.offClose(videoAd.closeHandler);
+          console.log("videoAd.offClose卸载成功");
+        }
+      } catch (e) {
+        console.log("videoAd.offClose 卸载失败");
+        console.error(e);
+      }
+      videoAd.closeHandler = function (res) {
+        // 用户点击了【关闭广告】按钮
+        if (res && res.isEnded || res === undefined) {
+          // 正常播放结束，可以下发游戏奖励
+          api.finishTask({ task_id: item.id }).then(res => {
+            if (res.code == 200) {
+              that.getUserInfo()
+              that.getCoinTaskList()
+              Taro.showToast({
+                title: '领取点券成功',
+                icon: 'none',
+                duration: 2000
+              })
+            }
+          })
+        } else {
+          //提前关闭小程序
+        }
+      };
+      videoAd.onClose(videoAd.closeHandler);
+
+    }
+
+    // 用户触发广告后，显示激励视频广告
+    if (videoAd) {
+      videoAd.show().catch(() => {
+        // 失败重试
+        videoAd.load()
+          .then(() => videoAd.show())
+          .catch(err => {
+            Taro.showToast({
+              title: '暂无广告',
+              icon: 'none',
+              duration: 2000
+            })
+            console.log('激励视频 广告显示失败')
+          })
+      })
+    }
+
+  }
   toShareCnt () {
     Taro.navigateTo({
       url: '/moduleA/pages/shareCnt/index'
@@ -210,7 +290,7 @@ export default class Task extends Component {
             </View>
           }
           {
-            !this.state.isIos &&
+            !this.state.isIos &&process.env.TARO_ENV!='tt'&&
             < View >
               <View className='contact-title'>
                 点券充值
@@ -255,7 +335,7 @@ export default class Task extends Component {
             </View>
           }
           {
-            this.state.isIos &&
+            this.state.isIos &&process.env.TARO_ENV!='tt'&&
             <View className='ios-tips'>
               ios暂不支持充值
             </View>

src/moduleA/pages/upload/index.jsx

@@ -85,6 +85,8 @@ export default class Mine extends Component {
             Taro.navigateBack({delta: 1}); //返回上一个页面
           })
         }
+      }else{
+        Taro.showToast({ title: res.msg, icon: 'none' })
       }
     })
     console.log(e,'cut');
@@ -119,7 +121,7 @@ export default class Mine extends Component {
             // src='https://video-h5.fyshark.com/tmp/10581_168007502299.png'
             cropperWidth={this.state.cropperWidth}
             cropperHeight={this.state.cropperHeight}
-            height={'1300'}
+            height={'1100'}
             hideCancelText={false}
             themeColor='#1084EC'
             onCut={res => {

src/moduleB/pages/comic/index.config.js

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

src/moduleB/pages/comic/index.jsx

@@ -0,0 +1,132 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, scrollView, Input } from '@tarojs/components'
+import * as api from '../../../service/index'
+import tool from '../../../common/tool'
+import Taro, { } from '@tarojs/taro'
+import './index.less'
+
+export default class collection extends Component {
+  state = {
+    consultImg: 'http://video-img.fyshark.com/1680144082044%E7%BC%96%E7%BB%84.png',
+    sizeIndex: 0,
+    mass:0,
+    isImage: false
+  }
+
+  componentWillMount () {
+  }
+  componentDidShow () {
+    //接收裁剪图片
+    let pages = Taro.getCurrentPages();
+    let currentPage = pages[pages.length - 1]; // 获取当前页面
+    console.log(currentPage,'currentPage');
+    if (process.env.TARO_ENV == 'weapp') {
+      if (currentPage.__data__.consultImg) { // 获取值
+        this.setState({
+          consultImg: currentPage.__data__.consultImg,
+          sizeIndex: currentPage.__data__.sizeIndex,
+          isImage: true
+        })
+      }
+    } else if (process.env.TARO_ENV == 'tt') {
+      if (currentPage.data.consultImg) { // 获取值
+        this.setState({
+          consultImg: currentPage.data.consultImg,
+          sizeIndex: currentPage.data.sizeIndex,
+          isImage: true
+        })
+      }
+    }
+  }
+  upLode () {
+    let that = this
+    Taro.chooseMedia({
+      count: 1, // 默认
+      sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: ['album', 'camera'],
+      success: function (res) {
+        console.log(res, 'res');
+        const file = res.tempFiles[0].tempFilePath
+        if (res.tempFiles[0].size > 2000000) {
+          Taro.showToast({ title: '图片大小不能超过2M', icon: 'none' })
+          return
+        }
+        Taro.showLoading({
+          title: '图片上传中',
+        })
+        Taro.hideLoading()
+        Taro.navigateTo({
+          url: `/moduleA/pages/upload/index?image=${file}`
+        })
+      }
+    })
+  }
+  generatePictures () {
+    if (!this.state.isImage) {
+      Taro.showToast({ title: '请先上传图片', icon: 'none' })
+      return
+    }
+    api.drawGcImg({ img_url: this.state.consultImg,img_type:this.state.mass }).then(res => {
+      if (res.code == 200) {
+        Taro.navigateTo({
+          url: `/moduleA/pages/darwDetail/index?task_id=${res.data.task_id}`
+        })
+      }else {
+        Taro.hideLoading()
+        if (res.code == 4001) {
+          Taro.showModal({
+            title: '您的余额不足',
+            content: '是否前往获取点券？',
+            success: function (res) {
+              if (res.confirm) {
+                Taro.navigateTo({
+                  url: `/moduleA/pages/earnPoints/index`
+                })
+              } else if (res.cancel) {
+                console.log('用户点击取消')
+              }
+            }
+          })
+        } else {
+          Taro.showToast({ icon: 'none', title: res.msg })
+        }
+      }
+    })
+  }
+  changeMass (e) {
+    this.setState({
+      mass: e
+    })
+  }
+
+  render () {
+    return (
+      <View className='mine'>
+        <View className='title'>人物动漫化</View>
+        <View className='content' onClick={e => (this.upLode())}>
+          <Image className='content-img'
+            mode='aspectFit'
+            src={this.state.consultImg}
+          ></Image>
+          {
+            !this.state.isImage &&
+            <View className='add-content'>
+              <Image className='add-img' src='http://video-img.fyshark.com/1680144257329%2B.png'></Image>
+              <View className='add-tips'>上传图片</View>
+            </View>
+          }
+        </View>
+        <View className='img-tips'>绝美的动漫头像，上传图片一件生成</View>
+        <View className='draw-title'>图片质量</View>
+          <View className='draw-mass'>
+            <View className='mass-same' style={this.state.mass == 0 ? 'border: 2px solid #0F84EC;' : ''} onClick={e => (this.changeMass(0))}>普通</View>
+            <View className='mass-high' style={this.state.mass == 1 ? 'border: 2px solid #0F84EC;' : ''} onClick={e => (this.changeMass(1))}>高清</View>
+          </View>
+        
+        <View className='generate-pictures' onClick={e => (this.generatePictures(e))} >
+          生成图片（消耗{2*(this.state.mass+1)}点券）
+        </View>
+      </View>
+    )
+  }
+}

src/moduleB/pages/comic/index.less

@@ -0,0 +1,106 @@
+.mine {
+  padding: 48px 32px;
+  min-height: 100vh;
+  background-color: #041129;
+
+  .title {
+    margin-top: 48px;
+    font-family: PingFangSC-Regular;
+    font-size: 32px;
+    color: #FFFFFF;
+  }
+
+  .content {
+    position: relative;
+    margin-top: 20px;
+
+    .add-content {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%,-50%);
+      // display: flex;
+      // justify-content: center;
+
+      .add-img {
+        position: relative;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 80px;
+        height: 80px;
+      }
+
+      .add-tips {
+        margin-top: 12px;
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: #FFFFFF;
+        text-align: center;
+      }
+    }
+
+    .content-img {
+      width: 100%;
+      max-height: 760px;
+    }
+  }
+
+  .generate-pictures {
+    width: 382px;
+    height: 96px;
+    border-radius: 96px;
+    line-height: 96px;
+    text-align: center;
+    position: fixed;
+    bottom: 40px;
+    left: 50%;
+    z-index: 100;
+    transform: translateX(-50%);
+    background-image: linear-gradient(-49deg, #5D81FF 0%, #0F84EC 100%);
+    font-family: PingFangSC-Regular;
+    font-size: 28px;
+    color: #FFFFFF;
+  }
+
+  .img-tips {
+    margin-top: 20px;
+    font-family: PingFangSC-Regular;
+    font-size: 24px;
+    color: #FFFFFF;
+  }
+  .draw-title {
+    margin-top: 48px;
+    font-family: PingFangSC-Regular;
+    font-size: 32px;
+    color: #FFFFFF;
+  }
+  .draw-mass {
+    margin-top: 20px;
+    display: flex;
+    font-family: PingFangSC-Regular;
+    font-size: 28px;
+    color: rgba(255, 255, 255, .5);
+
+    .mass-same {
+      width: 150px;
+      box-sizing: border-box;
+      height: 80px;
+      line-height: 80px;
+      text-align: center;
+      background-color: rgba(255, 255, 255, .05);
+      border-radius: 16px;
+    }
+
+    .mass-high {
+      width: 150px;
+      height: 80px;
+      box-sizing: border-box;
+      line-height: 80px;
+      text-align: center;
+      background-color: rgba(255, 255, 255, .05);
+      border-radius: 16px;
+      margin-left: 24px;
+    }
+  }
+
+}

src/moduleB/pages/faceChanging/index.config.js

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

src/moduleB/pages/faceChanging/index.jsx

@@ -0,0 +1,214 @@
+import { Component } from 'react'
+import { View, Text, Button, Image, scrollView, Input } from '@tarojs/components'
+import * as api from '../../../service/index'
+import tool from '../../../common/tool'
+import Taro, { getCurrentInstance } from '@tarojs/taro'
+import './index.less'
+
+export default class collection extends Component {
+  $instance = getCurrentInstance()
+  state = {
+    consultImg: 'https://video-h5.fyshark.com/1680752646217.png',
+    consultImgOther: 'https://video-h5.fyshark.com/1680778269657.png',
+    resultImage: '',
+    mass: 0,
+    isModelImage: false,
+    isUserImage: false,
+    isRsoutImage: false,
+    isChangeButton: false,
+    type: ''
+  }
+
+  componentWillMount () {
+    let routers = this.$instance.router.params
+    console.log(routers, 'routers');
+    if (routers.img) {
+      this.setState({
+        consultImg: routers.img,
+        isModelImage: true,
+      })
+    }
+  }
+  componentDidShow () {
+    //接收裁剪图片
+    let pages = Taro.getCurrentPages();
+    let currentPage = pages[pages.length - 1]; // 获取当前页面
+    if (process.env.TARO_ENV == 'weapp') {
+      if (currentPage.__data__.consultImg) { // 获取值
+        if (this.state.type == 'demol') {
+          this.setState({
+            consultImg: currentPage.__data__.consultImg,
+            isModelImage: true
+          })
+        } else {
+          this.setState({
+            consultImgOther: currentPage.__data__.consultImg,
+            isUserImage: true
+          })
+        }
+
+      }
+    } else if (process.env.TARO_ENV == 'tt') {
+      if (currentPage.data.consultImg) { // 获取值
+        if (this.state.type == 'demol') {
+          this.setState({
+            consultImg: currentPage.data.consultImg,
+            isModelImage: true
+          })
+        } else {
+          this.setState({
+            consultImgOther: currentPage.data.consultImg,
+            isUserImage: true
+          })
+        }
+      }
+    }
+  }
+  upLode (type) {
+    let that = this
+    this.setState({
+      type: type
+    })
+    if (type == 'demol') {
+      this.setState({
+        isRsoutImage: false,
+        isChangeButton:false
+      })
+    }
+    Taro.chooseMedia({
+      count: 1, // 默认
+      sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: ['album', 'camera'],
+      success: function (res) {
+        console.log(res, 'res');
+        const file = res.tempFiles[0].tempFilePath
+        if (res.tempFiles[0].size > 2000000) {
+          Taro.showToast({ title: '图片大小不能超过2M', icon: 'none' })
+          return
+        }
+        Taro.showLoading({
+          title: '图片上传中',
+        })
+        Taro.hideLoading()
+        Taro.navigateTo({
+          url: `/moduleA/pages/upload/index?image=${file}`
+        })
+      }
+    })
+  }
+  generatePictures () {
+    if (!this.state.isModelImage) {
+      Taro.showToast({ title: '请先上传模板图', icon: 'none' })
+      return
+    }
+    if (this.state.isRsoutImage) {
+      Taro.showToast({ title: '请重新上传模板图', icon: 'none' })
+      return
+    }
+    if (!this.state.isUserImage) {
+      Taro.showToast({ title: '请先上传人脸图', icon: 'none' })
+      return
+    }
+    Taro.showLoading({
+      title: '加载中...',
+    })
+    let params = { 
+      image_template: this.state.consultImg, 
+      image_target: this.state.consultImgOther,
+    }
+    api.aiFaceMege(params).then(res => {
+      if (res.code == 200) {
+        Taro.hideLoading()
+        console.log(`data:image/png;base64,${res.data.imgdata}`, '1111');
+        this.setState({
+          resultImage: `data:image/png;base64,${res.data.imgdata}`,
+          isRsoutImage: true,
+          isChangeButton:true
+        })
+      } else {
+        Taro.hideLoading()
+        if (res.code == 4001) {
+          Taro.showModal({
+            title: '您的余额不足',
+            content: '是否前往获取点券？',
+            success: function (res) {
+              if (res.confirm) {
+                Taro.navigateTo({
+                  url: `/moduleA/pages/earnPoints/index`
+                })
+              } else if (res.cancel) {
+                console.log('用户点击取消')
+              }
+            }
+          })
+        } else {
+          Taro.showToast({ icon: 'none', title: res.msg })
+        }
+      }
+    })
+  }
+  previewImage () {
+    Taro.previewImage({
+      current: this.state.isRsoutImage ? this.state.resultImage : this.state.consultImg, // 当前显示图片的http链接  
+      urls: [`${this.state.isRsoutImage ? this.state.resultImage : this.state.consultImg}`] // 需要预览的图片http链接列表  
+    })
+  }
+  previewUserImage () {
+    Taro.previewImage({
+      current: this.state.consultImgOther, // 当前显示图片的http链接  
+      urls: [`${this.state.consultImgOther}`] // 需要预览的图片http链接列表  
+    })
+  }
+  changeMass (e) {
+    this.setState({
+      mass: e
+    })
+  }
+  onTouchStart () {
+    this.setState({
+      isRsoutImage:false
+    })
+  }
+  onTouchEnd () {
+    this.setState({
+      isRsoutImage:true
+    })
+  }
+
+  render () {
+    return (
+      <View className='mine'>
+        <View className='demo'>
+          <Image className='demo-img' mode='aspectFit' onClick={e => (this.previewImage())} src={this.state.isRsoutImage ? this.state.resultImage : this.state.consultImg}></Image>
+          <View className='update' onClick={e => (this.upLode('demol'))}>
+            <Image className='updata-img' src='http://video-img.fyshark.com/1680849432427%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87.png'></Image>
+            <View className='updata-title'>上传模板图</View>
+          </View>
+          {
+            this.state.isChangeButton &&
+            <View className='changeImg'
+              onTouchStart={e => (this.onTouchStart())}
+              onTouchEnd={e => (this.onTouchEnd())}>
+              <Image className='change-img' src='http://video-img.fyshark.com/1680851265492%E5%88%87%E6%8D%A2%20(1).png'></Image>
+            </View>
+          }
+        </View>
+        <View className='demo'>
+          <Image className='demo-img' mode='aspectFit' onClick={e => (this.previewUserImage())} src={this.state.consultImgOther}></Image>
+          <View className='update' onClick={e => (this.upLode('user'))}>
+            <Image className='updata-img' src='http://video-img.fyshark.com/1680849432427%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87.png'></Image>
+            <View className='updata-title'>上传人脸图</View>
+          </View>
+        </View>
+        <View className='tips'>
+          <View>注意：</View>
+          <View>1、图片生成成功后会保存在自己到作品，可前往作品下载。</View>
+          <View>2、人脸图尽量不要有遮挡物，比如眼镜、手部遮挡等。</View>
+        </View>
+        <View className='generate-pictures' onClick={e => (this.generatePictures(e))} >
+          生成图片（消耗{4}点券）
+        </View>
+      </View>
+    )
+  }
+}

src/moduleB/pages/faceChanging/index.less

@@ -0,0 +1,97 @@
+.mine {
+  padding: 48px 32px 100px 32px;
+  min-height: 100vh;
+  background-color: #041129;
+
+  .demo {
+    position: relative;
+    margin-bottom: 40px;
+    width: 100%;
+    border-radius: 30px;
+    border: 2px dashed #FFFFFF;
+
+    .demo-img {
+      border-top-left-radius: 30px;
+      border-top-right-radius: 30px;
+      width: 100%;
+      background-color: #4a4a4c;
+      min-height: 500px;
+    }
+
+    .update {
+      padding: 20px 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #FFFFFF;
+      font-size: 28px;
+
+      .updata-img {
+        width: 36px;
+        height: 36px;
+        margin-right: 10px;
+      }
+    }
+
+    .changeImg {
+      position: absolute;
+      top: 20px;
+      right: 20px;
+      width: 50px;
+      height: 50px;
+
+      .change-img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .add-content {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%);
+      // display: flex;
+      // justify-content: center;
+
+      .add-img {
+        position: relative;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 80px;
+        height: 80px;
+      }
+
+      .add-tips {
+        margin-top: 12px;
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: #FFFFFF;
+        text-align: center;
+      }
+    }
+  }
+  .tips{
+    font-family: PingFangSC-Regular;
+    line-height: 44px;
+    font-size: 24px;
+    color: #FFFFFF;
+  }
+
+  .generate-pictures {
+    width: 382px;
+    height: 96px;
+    border-radius: 96px;
+    line-height: 96px;
+    text-align: center;
+    position: fixed;
+    bottom: 40px;
+    left: 50%;
+    z-index: 100;
+    transform: translateX(-50%);
+    background-image: linear-gradient(-49deg, #5D81FF 0%, #0F84EC 100%);
+    font-family: PingFangSC-Regular;
+    font-size: 28px;
+    color: #FFFFFF;
+  }
+}

src/moduleB/pages/like/index.config.js

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

src/moduleB/pages/like/index.jsx

@@ -0,0 +1,173 @@
+import { Component } from 'react'
+import { View, Swiper, SwiperItem, Image, Textarea, Canvas, Button } from '@tarojs/components'
+import Taro, { getCurrentInstance, CanvasContext } from '@tarojs/taro'
+import tool from '../../../common/tool'
+import * as api from '../../../service/index'
+import './index.less'
+
+export default class Task extends Component {
+  state = {
+    userInfo: {},
+    type: 0,
+    cardinalInfos: [],//基数
+    evenInfos: [],//偶数
+    total: 0,
+    page: 1,
+    page_size: 20,
+    selection: false,
+    cardinalSelectedNum: 0,
+
+  }
+
+  componentDidShow () {
+    this.getInit(1)
+  }
+  getInit () {
+    this.setState({
+      cardinalInfos: [],//基数
+      evenInfos: [],//偶数
+      total: 0,
+      page: 1,
+      page_size: 20,
+      selection: false,
+      cardinalSelectedNum: 0,
+      evenSelectedNum: 0,
+    })
+    this.getMyDraw(1)
+  }
+  getMyDraw (page) {
+    Taro.showLoading({
+      title: '加载中',
+    })
+    let params = {
+      page: page,
+      page_size: this.state.page_size,
+    }
+   let getInit = api.getLikeList(params)
+    getInit.then(res => {
+      if (res.code == 200) {
+        Taro.hideLoading()
+        res.data.infos.forEach((item, index) => {
+          item['select'] = false
+        })
+        let infos = res.data.infos
+        let _evenInfos = res.data.infos.filter((item, index) => {
+          return index % 2 == 1
+        })
+        let _cardinalInfos = res.data.infos.filter((item, index) => {
+          return index % 2 == 0
+        })
+        console.log(_cardinalInfos, '_cardinalInfos');
+        let cardinalInfos = this.state.cardinalInfos.concat(_cardinalInfos)
+        let evenInfos = this.state.evenInfos.concat(_evenInfos)
+        this.setState({
+          cardinalInfos: cardinalInfos,//基数
+          evenInfos: evenInfos,//偶数
+          total: res.data.total
+        })
+      }
+    })
+  }
+  onReachBottom () {
+    if ((this.state.cardinalInfos.length + this.state.evenInfos.length) < this.state.total) {
+      this.setState({
+        page: this.state.page + 1
+      })
+      this.getMyDraw(this.state.page + 1)
+    }
+    console.log('onReachBottom()');
+  }
+  //选中||详情页
+  toDetail (item, index, type) {
+    Taro.navigateTo({
+      url: `/moduleA/pages/communityDetail/index?task_id=${item.id}`
+    })
+  }
+  delectiImg () {
+    let that = this
+    Taro.showModal({
+      title: '提示',
+      content: `确定删除这${this.state.cardinalSelectedNum + this.state.evenSelectedNum}张图片吗`,
+      success: function (res) {
+        if (res.confirm) {
+          that.deleteImg()
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
+    })
+  }
+  deleteImg () {
+    let deleteObj = []
+    this.state.cardinalInfos.forEach(res => {
+      if (res.select) {
+        console.log(res.id, 'res.id', res.select);
+        deleteObj.push(res.id)
+      }
+    })
+    this.state.evenInfos.forEach(res => {
+      if (res.select) {
+        console.log(res.id, 'res.id', res.select);
+        deleteObj.push(res.id)
+      }
+    })
+    console.log(deleteObj.join(','), 'deleteObj');
+    api.userDelImg({ img_ids: deleteObj.join(',') }).then(res => {
+      if (res.code == 200) {
+        Taro.showToast({
+          title: `删除成功`,
+          icon: 'none',
+        });
+        this.getInit(1)
+        this.getUserInfo()
+      }
+    })
+  }
+  onShareAppMessage = (res) => {
+    let shareData = {
+      title: tool.shareTitle,
+      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+
+  render () {
+    return (
+      <View className='mine'>
+        <View className='work-list'>
+          <View className='work-list-info' >
+            <View className='selection-left'>
+              {
+                this.state.cardinalInfos.map((item, index) => (
+                  <View className='work-info' key={index} onClick={e => (this.toDetail(item, index, 'cardinal'))}>
+                    {
+                      this.state.selection &&
+                      <Image className='select' src={item.select ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033915899.jpg' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033897198.jpg'}></Image>
+                    }
+                    <Image className='work-img' lazyLoad mode='widthFix' src={item.img ? item.img : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679305142417.png'}></Image>
+                    <View className='work-name'>{tool.ellipsis(item.img_info, 8)}</View>
+                  </View>
+                ))
+              }
+            </View>
+            <View className='selection-right'>
+              {
+                this.state.evenInfos.map((item, index) => (
+                  <View className='work-info' key={index} onClick={e => (this.toDetail(item, index, 'even'))}>
+                    {
+                      this.state.selection &&
+                      <Image className='select' src={item.select ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033915899.jpg' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033897198.jpg'}></Image>
+                    }
+                    <Image className='work-img' lazyLoad mode='widthFix' src={item.img}></Image>
+                    <View className='work-name'>{tool.ellipsis(item.img_info, 8)}</View>
+                  </View>
+                ))
+              }
+            </View>
+          </View>
+        </View>
+      </View>
+    )
+  }
+}

src/moduleB/pages/like/index.less

@@ -0,0 +1,132 @@
+.mine {
+  min-height: 100vh;
+  background-color: #000000;
+
+  .work-list {
+    min-height: 100vh;
+    background: #0F1A2F;
+    box-shadow: 12px 0 30px 0 #1E376D;
+    padding: 28px 30px;
+
+    .work-num {
+      margin-top: 48px;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #FFFFFF;
+    }
+
+    .work-list-info {
+      width: 100%;
+      position: relative;
+      margin-top: 40px;
+      column-gap: 5rpx;
+      column-count: 2;
+      /*每一格的高度*/
+
+      display: flex;
+      justify-content: space-between;
+
+      .selection {
+        position: absolute;
+        right: 0;
+        top: -94px;
+        width: 178px;
+        height: 64px;
+        line-height: 64px;
+        border-radius: 40px;
+        border: 2px solid #1489ED;
+        color: #1489ED;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        text-align: center;
+
+      }
+
+      .selection-left {
+        width: 330px;
+      }
+
+      .selection-right {
+        width: 330px;
+      }
+
+      .work-info {
+        position: relative;
+        margin-top: 10px;
+
+        // width: 45%;
+
+        .select {
+          position: absolute;
+          background-color: white;
+          border-radius: 8px;
+          left: 20px;
+          top: 20px;
+          width: 40px;
+          height: 40px;
+        }
+
+        .work-img {
+          width: 100%;
+          min-height: 180px;
+          display: block;
+          // height: 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;
+
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 768px) {
+    .work-info {
+      width: calc(50% - 10px);
+    }
+  }
+
+  @media only screen and (max-width: 480px) {
+    .work-info {
+      width: 100%;
+    }
+  }
+
+  .select-content {
+    width: 100%;
+    padding: 20px 0;
+    background: rgba(11, 19, 37, .8);
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: space-between;
+    font-family: PingFangSC-Regular;
+    font-size: 32px;
+    color: #FFFFFF;
+
+    .cancel {
+      margin-left: 40px;
+    }
+
+    .delect {
+      margin-right: 40px;
+      display: flex;
+      align-items: center;
+
+      .delect-icon {
+        margin-right: 10px;
+        width: 40px;
+        height: 40px;
+      }
+    }
+  }
+}

src/moduleB/pages/point/index.config.js

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

src/moduleB/pages/point/index.jsx

@@ -0,0 +1,32 @@
+import { Component } from 'react'
+import { View, Swiper, SwiperItem, Image, Textarea, Canvas, Button } from '@tarojs/components'
+import Taro, { getCurrentInstance, CanvasContext } from '@tarojs/taro'
+import tool from '../../../common/tool'
+import * as api from '../../../service/index'
+import './index.less'
+
+export default class Task extends Component {
+  state = {
+
+  }
+
+  componentDidShow () {
+  }
+ 
+  onShareAppMessage = (res) => {
+    let shareData = {
+      title: tool.shareTitle,
+      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+
+  render () {
+    return (
+      <View className='mine'>
+      
+      </View>
+    )
+  }
+}

src/moduleB/pages/point/index.less

@@ -0,0 +1,132 @@
+.mine {
+  min-height: 100vh;
+  background-color: #000000;
+
+  .work-list {
+    min-height: 100vh;
+    background: #0F1A2F;
+    box-shadow: 12px 0 30px 0 #1E376D;
+    padding: 28px 30px;
+
+    .work-num {
+      margin-top: 48px;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #FFFFFF;
+    }
+
+    .work-list-info {
+      width: 100%;
+      position: relative;
+      margin-top: 40px;
+      column-gap: 5rpx;
+      column-count: 2;
+      /*每一格的高度*/
+
+      display: flex;
+      justify-content: space-between;
+
+      .selection {
+        position: absolute;
+        right: 0;
+        top: -94px;
+        width: 178px;
+        height: 64px;
+        line-height: 64px;
+        border-radius: 40px;
+        border: 2px solid #1489ED;
+        color: #1489ED;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        text-align: center;
+
+      }
+
+      .selection-left {
+        width: 330px;
+      }
+
+      .selection-right {
+        width: 330px;
+      }
+
+      .work-info {
+        position: relative;
+        margin-top: 10px;
+
+        // width: 45%;
+
+        .select {
+          position: absolute;
+          background-color: white;
+          border-radius: 8px;
+          left: 20px;
+          top: 20px;
+          width: 40px;
+          height: 40px;
+        }
+
+        .work-img {
+          width: 100%;
+          min-height: 180px;
+          display: block;
+          // height: 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;
+
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 768px) {
+    .work-info {
+      width: calc(50% - 10px);
+    }
+  }
+
+  @media only screen and (max-width: 480px) {
+    .work-info {
+      width: 100%;
+    }
+  }
+
+  .select-content {
+    width: 100%;
+    padding: 20px 0;
+    background: rgba(11, 19, 37, .8);
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: space-between;
+    font-family: PingFangSC-Regular;
+    font-size: 32px;
+    color: #FFFFFF;
+
+    .cancel {
+      margin-left: 40px;
+    }
+
+    .delect {
+      margin-right: 40px;
+      display: flex;
+      align-items: center;
+
+      .delect-icon {
+        margin-right: 10px;
+        width: 40px;
+        height: 40px;
+      }
+    }
+  }
+}

src/moduleB/pages/real/index.config.js

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

src/moduleB/pages/real/index.jsx

@@ -0,0 +1,90 @@
+import { Component } from 'react'
+import { View, Swiper, SwiperItem, Image, Textarea, Canvas, Button } from '@tarojs/components'
+import Taro, { getCurrentInstance, CanvasContext } from '@tarojs/taro'
+import tool from '../../../common/tool'
+import * as api from '../../../service/index'
+import './index.less'
+
+export default class Task extends Component {
+  state = {
+    list: [
+    ],
+    total: false,
+    page: 1,
+    page_size: 20,
+  }
+
+  componentDidMount () {
+    this.init()
+  }
+  init () {
+    this.setState({
+      list: [],
+      total: false,
+      page: 1,
+      page_size: 20,
+    }, () => {
+      this.getInformationList()
+    })
+  }
+  getInformationList () {
+    let params = {
+      page: this.state.page,
+      page_size: this.state.page_size,
+    }
+    api.getInformationList(params).then(res => {
+      if (res.code == 200) {
+        let total = true
+        if (res.data.length < this.state.page_size) {
+          total = false
+        }
+        let walletList = this.state.list.concat(res.data)
+        this.setState({
+          list: walletList,
+          total: total,
+          share: res.data.share
+        })
+      }
+    })
+  }
+  toRealDetail (item) {
+    Taro.navigateTo({
+      url: `/moduleB/pages/realDetail/index?task_id=${item.id}`
+    })
+  }
+  onReachBottom () {
+    if (!this.state.total) return
+    this.setState({
+      page: this.state.page + 1
+    }, () => {
+      this.getUserShareCnt()
+    })
+  }
+  onShareAppMessage = (res) => {
+    let shareData = {
+      title: tool.shareTitle,
+      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+
+  render () {
+    return (
+      <View className='mine'>
+        {
+          this.state.list.map((item, index) => (
+            <View className='real-info' key={index} onClick={e => (this.toRealDetail(item))}>
+              <Image className='real-img' src={item.img}></Image>
+              <View className='real-content'>
+                <View className='real-title'>{item.title}</View>
+                <View className='real-text'>{tool.ellipsis(item.sub_title, 27)}</View>
+                <View className='real-date'>{item.time}</View>
+              </View>
+            </View>
+          ))
+        }
+      </View>
+    )
+  }
+}

src/moduleB/pages/real/index.less

@@ -0,0 +1,40 @@
+.mine {
+  min-height: 100vh;
+  background-color: #041129;
+  padding: 0 30px;
+
+  .real-info {
+    padding: 30px 0;
+    display: flex;
+    align-items: center;
+    border-bottom: 2px solid #0F1A2F;
+
+    .real-img {
+      width: 200px;
+      height: 200px;
+    }
+
+    .real-content {
+      margin-left: 30px;
+      flex: 1;
+      font-family: PingFangSC-Medium;
+      font-size: 32px;
+      color: #FFFFFF;
+      display: flex;
+      flex-direction:column;
+
+      .real-text {
+        margin-top: 4px;
+        min-height: 80px;
+        color: rgba(255, 255, 255, .75);
+        font-size: 28px;
+      }
+
+      .real-date {
+        margin-top: 18px;
+        color: rgba(255, 255, 255, .75);
+        font-size: 28px;
+      }
+    }
+  }
+}

src/moduleB/pages/realDetail/index.config.js

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

src/moduleB/pages/realDetail/index.jsx

@@ -0,0 +1,47 @@
+import { Component } from 'react'
+import { View, RichText } from '@tarojs/components'
+import Taro, { getCurrentInstance, CanvasContext } from '@tarojs/taro'
+import tool from '../../../common/tool'
+import * as api from '../../../service/index'
+import './index.less'
+
+export default class Task extends Component {
+  $instance = getCurrentInstance()
+  state = {
+    info: {}
+  }
+
+  componentDidShow () {
+    this.getInformationDetails()
+  }
+  getInformationDetails () {
+    let routers = this.$instance.router.params
+    let params = {
+      detail_id: routers.task_id
+    }
+    api.getInformationDetails(params).then(res => {
+      if (res.code == 200) {
+        this.setState({
+          info: res.data
+        })
+      }
+    })
+  }
+
+  onShareAppMessage = (res) => {
+    let shareData = {
+      title: tool.shareTitle,
+      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+
+  render () {
+    return (
+      <View className='mine'>
+        <RichText className='member-title' nodes={this.state.info.content}></RichText>
+      </View>
+    )
+  }
+}

src/moduleB/pages/realDetail/index.less

@@ -0,0 +1,13 @@
+.mine {
+  min-height: 100vh;
+  background-color: #041129;
+  padding: 0 30px;
+  .member-title{
+    color: rgba(255,255,255,.75);
+  }
+  h1,h2,h3,h4,h5,h6{
+    color: #FFFFFF;
+  }
+ 
+ 
+}

src/moduleB/pages/works/index.config.js

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

src/moduleB/pages/works/index.jsx

@@ -0,0 +1,272 @@
+import { Component } from 'react'
+import { View, Swiper, SwiperItem, Image, Textarea, Canvas, Button } from '@tarojs/components'
+import Taro, { getCurrentInstance, CanvasContext } from '@tarojs/taro'
+import tool from '../../../common/tool'
+import * as api from '../../../service/index'
+import './index.less'
+
+export default class Task extends Component {
+  $instance = getCurrentInstance()
+  state = {
+    userInfo: {},
+    cardinalInfos: [],//基数
+    evenInfos: [],//偶数
+    total: 0,
+    page: 1,
+    page_size: 20,
+    selection: false,
+    cardinalSelectedNum: 0,
+
+  }
+
+  componentDidShow () {
+    this.getInit(1)
+    this.getUserInfo()
+  }
+  getInit () {
+    this.setState({
+      cardinalInfos: [],//基数
+      evenInfos: [],//偶数
+      total: 0,
+      page: 1,
+      page_size: 20,
+      selection: false,
+      cardinalSelectedNum: 0,
+      evenSelectedNum: 0,
+    })
+    this.getMyDraw(1)
+  }
+  getUserInfo () {
+    api.getUserInfo().then(res => {
+      if (res.code == 200) {
+        this.setState({
+          userInfo: res.data
+        })
+      }
+    })
+  }
+  getMyDraw (page) {
+    Taro.showLoading({
+      title: '加载中',
+    })
+    let params = {
+      page: page,
+      page_size: this.state.page_size,
+    }
+    let getInit = api.getMyDraw(params)
+    getInit.then(res => {
+      if (res.code == 200) {
+        Taro.hideLoading()
+        res.data.infos.forEach((item, index) => {
+          item['select'] = false
+        })
+        let infos = res.data.infos
+        let _evenInfos = res.data.infos.filter((item, index) => {
+          return index % 2 == 1
+        })
+        let _cardinalInfos = res.data.infos.filter((item, index) => {
+          return index % 2 == 0
+        })
+        console.log(_cardinalInfos, '_cardinalInfos');
+        let cardinalInfos = this.state.cardinalInfos.concat(_cardinalInfos)
+        let evenInfos = this.state.evenInfos.concat(_evenInfos)
+        this.setState({
+          cardinalInfos: cardinalInfos,//基数
+          evenInfos: evenInfos,//偶数
+          total: res.data.total
+        })
+      }
+    })
+  }
+  onReachBottom () {
+    if ((this.state.cardinalInfos.length + this.state.evenInfos.length) < this.state.total) {
+      this.setState({
+        page: this.state.page + 1
+      })
+      this.getMyDraw(this.state.page + 1)
+    }
+    console.log('onReachBottom()');
+  }
+   //选中||详情页
+   toDetail (item, index, type) {
+    if (this.state.selection) {
+      if (type == 'cardinal') {
+        let _infos = this.state.cardinalInfos
+        _infos[index].select = !this.state.cardinalInfos[index].select
+        let infosSelect = _infos.filter(res => {
+          return res.select == true
+        })
+        console.log(infosSelect.length, 'infosSelect');
+        this.setState({
+          cardinalInfos: _infos,
+          cardinalSelectedNum: infosSelect.length
+        })
+      } else {
+        let _infos = this.state.evenInfos
+        _infos[index].select = !this.state.evenInfos[index].select
+        let infosSelect = _infos.filter(res => {
+          return res.select == true
+        })
+        console.log(infosSelect.length, 'infosSelect');
+        this.setState({
+          evenInfos: _infos,
+          evenSelectedNum: infosSelect.length
+        })
+      }
+
+    } else {
+        Taro.navigateTo({
+          url: `/moduleA/pages/darwDetail/index?task_id=${item.task_id}&img_id=${item.id}`
+        })
+      
+    }
+  }
+  cancelDelect () {
+    let _evenInfos = this.state.evenInfos
+    _evenInfos.forEach((item, index) => {
+      item.select = false
+    })
+    let _cardinalInfos = this.state.cardinalInfos
+    _cardinalInfos.forEach((item, index) => {
+      item.select = false
+    })
+    this.setState({
+      cardinalInfos: _cardinalInfos,
+      evenInfos: _evenInfos,
+      cardinalSelectedNum: 0,
+      evenSelectedNum: 0,
+      selection: !this.state.selection
+    })
+  }
+  delectiImg () {
+    let that = this
+    Taro.showModal({
+      title: '提示',
+      content: `确定删除这${this.state.cardinalSelectedNum + this.state.evenSelectedNum}张图片吗`,
+      success: function (res) {
+        if (res.confirm) {
+          that.deleteImg()
+        } else if (res.cancel) {
+          console.log('用户点击取消')
+        }
+      }
+    })
+  }
+  deleteImg () {
+    let deleteObj = []
+    this.state.cardinalInfos.forEach(res => {
+      if (res.select) {
+        console.log(res.id, 'res.id', res.select);
+        deleteObj.push(res.id)
+      }
+    })
+    this.state.evenInfos.forEach(res => {
+      if (res.select) {
+        console.log(res.id, 'res.id', res.select);
+        deleteObj.push(res.id)
+      }
+    })
+    console.log(deleteObj.join(','), 'deleteObj');
+    api.userDelImg({ img_ids: deleteObj.join(',') }).then(res => {
+      if (res.code == 200) {
+        Taro.showToast({
+          title: `删除成功`,
+          icon: 'none',
+        });
+        this.getInit(1)
+        this.getUserInfo()
+      }
+    })
+  }
+  //批量选择
+  changeSelection () {
+    if (this.state.selection) {
+      let _evenInfos = this.state.evenInfos
+      _evenInfos.forEach((item, index) => {
+        item.select = false
+      })
+      let _cardinalInfos = this.state.cardinalInfos
+      _cardinalInfos.forEach((item, index) => {
+        item.select = false
+      })
+      this.setState({
+        cardinalInfos: _cardinalInfos,
+        evenInfos: _evenInfos,
+        cardinalSelectedNum: 0,
+        evenSelectedNum: 0,
+        selection: !this.state.selection
+      })
+    } else {
+      this.setState({
+        selection: !this.state.selection
+      })
+    }
+  }
+
+  getEarnPoints () {
+    Taro.navigateTo({
+      url: `/moduleA/pages/earnPoints/index`
+    })
+  }
+  onShareAppMessage = (res) => {
+    let shareData = {
+      title: tool.shareTitle,
+      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+
+  render () {
+    return (
+      <View className='mine'>
+        <View className='work-list'>
+          <View className='work-num'>作品数量：{this.state.total}/{this.state.userInfo.stock_cnt}</View>
+          <View className='work-list-info' >
+              <View className='selection' onClick={e => (this.changeSelection())}>{!this.state.selection ? '批量选择' : '取消'}</View>
+            
+            <View className='selection-left'>
+              {
+                this.state.cardinalInfos.map((item, index) => (
+                  <View className='work-info' key={index} onClick={e => (this.toDetail(item, index, 'cardinal'))}>
+                    {
+                      this.state.selection &&
+                      <Image className='select' src={item.select ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033915899.jpg' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033897198.jpg'}></Image>
+                    }
+                    <Image className='work-img' lazyLoad mode='widthFix' src={item.img ? item.img : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679305142417.png'}></Image>
+                    <View className='work-name'>{tool.ellipsis(item.img_info, 8)}</View>
+                  </View>
+                ))
+              }
+            </View>
+            <View className='selection-right'>
+              {
+                this.state.evenInfos.map((item, index) => (
+                  <View className='work-info' key={index} onClick={e => (this.toDetail(item, index, 'even'))}>
+                    {
+                      this.state.selection &&
+                      <Image className='select' src={item.select ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033915899.jpg' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033897198.jpg'}></Image>
+                    }
+                    <Image className='work-img' lazyLoad mode='widthFix' src={item.img}></Image>
+                    <View className='work-name'>{tool.ellipsis(item.img_info, 8)}</View>
+                  </View>
+                ))
+              }
+            </View>
+          </View>
+        </View>
+        {
+          this.state.selection &&
+          <View className='select-content'>
+            <View className='cancel' onClick={e => (this.cancelDelect())}>取消</View>
+            <View >当前已选中{this.state.cardinalSelectedNum + this.state.evenSelectedNum}张</View>
+            <View className='delect' onClick={e => (this.delectiImg())}>
+              <Image className='delect-icon' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679037709270.png'></Image>
+              <View className='delect-text'>删除</View>
+            </View>
+          </View>
+        }
+      </View>
+    )
+  }
+}

src/moduleB/pages/works/index.less

@@ -0,0 +1,132 @@
+.mine {
+  min-height: 100vh;
+  background-color: #000000;
+
+  .work-list {
+    min-height: 100vh;
+    background: #0F1A2F;
+    box-shadow: 12px 0 30px 0 #1E376D;
+    padding: 28px 30px;
+
+    .work-num {
+      margin-top: 48px;
+      font-family: PingFangSC-Regular;
+      font-size: 32px;
+      color: #FFFFFF;
+    }
+
+    .work-list-info {
+      width: 100%;
+      position: relative;
+      margin-top: 40px;
+      column-gap: 5rpx;
+      column-count: 2;
+      /*每一格的高度*/
+
+      display: flex;
+      justify-content: space-between;
+
+      .selection {
+        position: absolute;
+        right: 0;
+        top: -94px;
+        width: 178px;
+        height: 64px;
+        line-height: 64px;
+        border-radius: 40px;
+        border: 2px solid #1489ED;
+        color: #1489ED;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        text-align: center;
+
+      }
+
+      .selection-left {
+        width: 330px;
+      }
+
+      .selection-right {
+        width: 330px;
+      }
+
+      .work-info {
+        position: relative;
+        margin-top: 10px;
+
+        // width: 45%;
+
+        .select {
+          position: absolute;
+          background-color: white;
+          border-radius: 8px;
+          left: 20px;
+          top: 20px;
+          width: 40px;
+          height: 40px;
+        }
+
+        .work-img {
+          width: 100%;
+          min-height: 180px;
+          display: block;
+          // height: 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;
+
+        }
+      }
+    }
+  }
+
+  @media only screen and (max-width: 768px) {
+    .work-info {
+      width: calc(50% - 10px);
+    }
+  }
+
+  @media only screen and (max-width: 480px) {
+    .work-info {
+      width: 100%;
+    }
+  }
+
+  .select-content {
+    width: 100%;
+    padding: 20px 0;
+    background: rgba(11, 19, 37, .8);
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+    justify-content: space-between;
+    font-family: PingFangSC-Regular;
+    font-size: 32px;
+    color: #FFFFFF;
+
+    .cancel {
+      margin-left: 40px;
+    }
+
+    .delect {
+      margin-right: 40px;
+      display: flex;
+      align-items: center;
+
+      .delect-icon {
+        margin-right: 10px;
+        width: 40px;
+        height: 40px;
+      }
+    }
+  }
+}

src/pages/activity/index.jsx

@@ -7,110 +7,96 @@ import './index.less'
 
 export default class collection extends Component {
   state = {
-    consultImg: 'http://video-img.fyshark.com/1680144082044%E7%BC%96%E7%BB%84.png',
-    sizeIndex: 0,
-    mass:0,
-    isImage: false
+    list: [],
+    page: 1,
+    page_size: 20,
+    total: false
   }
 
   componentWillMount () {
   }
   componentDidShow () {
-    //接收裁剪图片
-    let pages = Taro.getCurrentPages();
-    let currentPage = pages[pages.length - 1]; // 获取当前页面
-    if (currentPage.__data__.consultImg) { // 获取值
-      this.setState({
-        consultImg: currentPage.__data__.consultImg,
-        sizeIndex: currentPage.__data__.sizeIndex,
-        isImage: true
-      })
-    }
+    this.init()
   }
-  upLode () {
-    let that = this
-    Taro.chooseMedia({
-      count: 1, // 默认
-      sizeType: ['compressed'], // 可以指定是原图还是压缩图，默认二者都有
-      sourceType: ['album', 'camera'],
-      success: function (res) {
-        console.log(res, 'res');
-        const file = res.tempFiles[0].tempFilePath
-        if (res.tempFiles[0].size > 2000000) {
-          Taro.showToast({ title: '图片大小不能超过2M', icon: 'none' })
-          return
-        }
-        Taro.showLoading({
-          title: '图片上传中',
-        })
-        Taro.hideLoading()
-        Taro.navigateTo({
-          url: `/moduleA/pages/upload/index?image=${file}`
-        })
-      }
+  init () {
+    this.setState({
+      list: [],
+      page: 1,
+      page_size: 20,
+      total: false
+    }, () => {
+
+      this.aiInformationIndex()
     })
   }
-  generatePictures () {
-    if (!this.state.isImage) {
-      Taro.showToast({ title: '请先上传图片', icon: 'none' })
-      return
+  aiInformationIndex () {
+    Taro.showLoading({
+      title: '加载中...'
+    })
+    let params = {
+      page: this.state.page,
+      page_size: this.state.page_size
     }
-    api.drawGcImg({ img_url: this.state.consultImg,img_type:this.state.mass }).then(res => {
+    api.aiInformationIndex(params).then(res => {
+      Taro.hideLoading();
       if (res.code == 200) {
-        Taro.navigateTo({
-          url: `/moduleA/pages/darwDetail/index?task_id=${res.data.task_id}`
-        })
-      }else {
-        Taro.hideLoading()
-        Taro.showModal({
-          title: '您的余额不足',
-          content: '是否前往获取点券？',
-          success: function (res) {
-            if (res.confirm) {
-              Taro.navigateTo({
-                url: `/moduleA/pages/earnPoints/index`
-              })
-            } else if (res.cancel) {
-              console.log('用户点击取消')
-            }
-          }
+        let total = true
+        if (res.data.length < this.state.page_size) {
+          total = false
+        }
+        let walletList = this.state.list.concat(res.data)
+        this.setState({
+          list: walletList,
+          total: total,
         })
       }
     })
   }
-  changeMass (e) {
+  onShareAppMessage = (res) => {
+    let shareData = {
+      title: tool.shareTitle,
+      path: `/pages/index/index?c=${Taro.getStorageSync('user_id')}&s=rightTap`,
+      imageUrl: tool.shareImg
+    }
+    return shareData;
+  }
+  onReachBottom () {
+    if (!this.state.total) return
     this.setState({
-      mass: e
+      page: this.state.page + 1
+    }, () => {
+      this.getUserShareCnt()
+    })
+  }
+  toActInfo (item) {
+    let url = `${item.jump_url}`
+    Taro.navigateTo({
+      url: url
     })
   }
 
   render () {
     return (
       <View className='mine'>
-        <View className='title'>人物动漫化</View>
-        <View className='content' onClick={e => (this.upLode())}>
-          <Image className='content-img'
-            mode='aspectFit'
-            src={this.state.consultImg}
-          ></Image>
-          {
-            !this.state.isImage &&
-            <View className='add-content'>
-              <Image className='add-img' src='http://video-img.fyshark.com/1680144257329%2B.png'></Image>
-              <View className='add-tips'>上传图片</View>
+        {
+          this.state.list.map((item, index) => (
+            <View className='act-info' key={index} onClick={e => (this.toActInfo(item))}>
+              <View className='info-content'>
+                {
+                  item.type == 1 &&
+                  <View className='tips' style={`background-color: ${item.label_background};`}>
+                    {item.label_text}
+                  </View>
+                }
+                <View className='info-left'>
+                  <View className='left-title'>{item.title}</View>
+                  <View className='left-content'>{tool.ellipsis(item.sub_title, 35)}</View>
+                </View>
+                <Image className='info-right' src={item.img}></Image>
+              </View>
             </View>
-          }
-        </View>
-        <View className='img-tips'>绝美的动漫头像，上传图片一件生成</View>
-        <View className='draw-title'>图片质量</View>
-          <View className='draw-mass'>
-            <View className='mass-same' style={this.state.mass == 0 ? 'border: 2px solid #0F84EC;' : ''} onClick={e => (this.changeMass(0))}>普通</View>
-            <View className='mass-high' style={this.state.mass == 1 ? 'border: 2px solid #0F84EC;' : ''} onClick={e => (this.changeMass(1))}>高清</View>
-          </View>
-        
-        <View className='generate-pictures' onClick={e => (this.generatePictures(e))} >
-          生成图片（消耗{2*(this.state.mass+1)}点券）
-        </View>
+          ))
+        }
       </View>
     )
   }

src/pages/activity/index.less

@@ -1,106 +1,52 @@
 .mine {
-  padding: 48px 32px;
+  padding: 0 30px;
   min-height: 100vh;
   background-color: #041129;
 
-  .title {
-    margin-top: 48px;
-    font-family: PingFangSC-Regular;
-    font-size: 32px;
-    color: #FFFFFF;
-  }
-
-  .content {
-    position: relative;
-    margin-top: 20px;
-
-    .add-content {
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%,-50%);
-      // display: flex;
-      // justify-content: center;
-
-      .add-img {
-        position: relative;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 80px;
-        height: 80px;
-      }
+  .act-info {
+    padding: 30px 0;
+    border-bottom: 2px solid #0F1A2F;
 
-      .add-tips {
-        margin-top: 12px;
-        font-family: PingFangSC-Regular;
-        font-size: 28px;
-        color: #FFFFFF;
-        text-align: center;
+    .info-content {
+      position: relative;
+      padding: 24px 30px;
+      display: flex;
+      align-items: center;
+      background: #0F1A2F;
+      border-radius: 16px;
+      font-family: PingFangSC-Medium;
+      font-size: 32px;
+      color: #FFFFFF;
+
+      .tips {
+        position: absolute;
+        top: 0;
+        left: 0;
+        font-family: PingFangSC-Medium;
+        font-size: 20px;
+        padding: 6px 16px;
+        border-top-left-radius: 22px;
+        border-bottom-right-radius: 22px;
       }
     }
 
-    .content-img {
-      width: 100%;
-      max-height: 760px;
-    }
-  }
-
-  .generate-pictures {
-    width: 382px;
-    height: 96px;
-    border-radius: 96px;
-    line-height: 96px;
-    text-align: center;
-    position: fixed;
-    bottom: 40px;
-    left: 50%;
-    z-index: 100;
-    transform: translateX(-50%);
-    background-image: linear-gradient(-49deg, #5D81FF 0%, #0F84EC 100%);
-    font-family: PingFangSC-Regular;
-    font-size: 28px;
-    color: #FFFFFF;
-  }
+    .info-left {
+      flex: 1;
 
-  .img-tips {
-    margin-top: 20px;
-    font-family: PingFangSC-Regular;
-    font-size: 24px;
-    color: #FFFFFF;
-  }
-  .draw-title {
-    margin-top: 48px;
-    font-family: PingFangSC-Regular;
-    font-size: 32px;
-    color: #FFFFFF;
-  }
-  .draw-mass {
-    margin-top: 20px;
-    display: flex;
-    font-family: PingFangSC-Regular;
-    font-size: 28px;
-    color: rgba(255, 255, 255, .5);
+      .left-title {}
 
-    .mass-same {
-      width: 150px;
-      box-sizing: border-box;
-      height: 80px;
-      line-height: 80px;
-      text-align: center;
-      background-color: rgba(255, 255, 255, .05);
-      border-radius: 16px;
+      .left-content {
+        margin-top: 10px;
+        height: 120px;
+        font-size: 28px;
+        color: rgba(255, 255, 255, .75);
+      }
     }
 
-    .mass-high {
-      width: 150px;
-      height: 80px;
-      box-sizing: border-box;
-      line-height: 80px;
-      text-align: center;
-      background-color: rgba(255, 255, 255, .05);
-      border-radius: 16px;
-      margin-left: 24px;
+    .info-right {
+      margin-left: 58px;
+      width: 222px;
+      height: 222px;
     }
   }
-
 }

src/pages/collection/index.less

@@ -40,7 +40,7 @@
 
         .info-img {
           width: 100%;
-          min-height: 360px;
+          min-height: 300px;
           display: block;
         }
       }

src/pages/index/index.jsx

@@ -18,7 +18,7 @@ export default class Mine extends Component {
     loraIndex: 0,//当前选择的风格
     sizeIndex: 0,//当前选择的尺寸
     isOpen: false,
-    value: '',//绘画描述
+    value: '杰作,顶级质量,女孩',//绘画描述
     negativeValue: '',//不要的元素
     modelIndex: 0,//当前选择的模型
     sliderNum: 7,//色彩丰富度
@@ -35,11 +35,21 @@ export default class Mine extends Component {
     //接收裁剪图片
     let pages = Taro.getCurrentPages();
     let currentPage = pages[pages.length - 1]; // 获取当前页面
-    if (currentPage.__data__.consultImg) { // 获取值
-      this.setState({
-        consultImg: currentPage.__data__.consultImg,
-        sizeIndex: currentPage.__data__.sizeIndex
-      })
+    console.log(currentPage, 'currentPage');
+    if (process.env.TARO_ENV == 'weapp') {
+      if (currentPage.__data__.consultImg) { // 获取值
+        this.setState({
+          consultImg: currentPage.__data__.consultImg,
+          sizeIndex: currentPage.__data__.sizeIndex
+        })
+      }
+    } else if (process.env.TARO_ENV == 'tt') {
+      if (currentPage.data.consultImg) { // 获取值
+        this.setState({
+          consultImg: currentPage.data.consultImg,
+          sizeIndex: currentPage.data.sizeIndex
+        })
+      }
     }
     this.getDrawIndex()
     this.getWxTemplate()
@@ -157,14 +167,18 @@ export default class Mine extends Component {
     })
   }
   deleteDrawText () {
-    this.setState({
-      value: ''
-    })
+    setTimeout(() => {
+      this.setState({
+        value: ''
+      })
+    }, 200)
   }
   deleteNegativeValue () {
-    this.setState({
-      negativeValue: ''
-    })
+    setTimeout(() => {
+      this.setState({
+        negativeValue: ''
+      })
+    }, 200)
   }
   onInput (e) {
     var num = e.detail.cursor;
@@ -317,25 +331,31 @@ export default class Mine extends Component {
     api.drawTxt2img(pramas).then(res => {
       if (res.code == 200) {
         Taro.hideLoading()
-        this.subscribe(res.data.task_id)
+        if (process.env.TARO_ENV == 'weapp') {
+          this.subscribe(res.data.task_id)
+        }
         Taro.navigateTo({
           url: `/moduleA/pages/darwDetail/index?task_id=${res.data.task_id}`
         })
       } else {
         Taro.hideLoading()
-        Taro.showModal({
-          title: '您的余额不足',
-          content: '是否前往获取点券？',
-          success: function (res) {
-            if (res.confirm) {
-              Taro.navigateTo({
-                url: `/moduleA/pages/earnPoints/index`
-              })
-            } else if (res.cancel) {
-              console.log('用户点击取消')
+        if (res.code == 4001) {
+          Taro.showModal({
+            title: '您的余额不足',
+            content: '是否前往获取点券？',
+            success: function (res) {
+              if (res.confirm) {
+                Taro.navigateTo({
+                  url: `/moduleA/pages/earnPoints/index`
+                })
+              } else if (res.cancel) {
+                console.log('用户点击取消')
+              }
             }
-          }
-        })
+          })
+        } else {
+          Taro.showToast({ icon: 'none', title: res.msg })
+        }
       }
     })
     // }, 1000)
@@ -412,24 +432,32 @@ export default class Mine extends Component {
       }
     })
   }
-  deleteImg(){
+  deleteImg () {
     this.setState({
-      consultImg:''
+      consultImg: ''
+    })
+  }
+  toRealDetail () {
+    Taro.navigateTo({
+      url: `/moduleB/pages/realDetail/index?task_id=${23}`
     })
   }
 
   render () {
     return (
       <View className='mine'>
-        {/* <View className='banner'>
-          <Image className='banner-image' src=''></Image>
-        </View> */}
+        <View className='banner'>
+          <Image className='banner-image' onClick={e => (this.toRealDetail())} mode='aspectFit' src='http://video-img.fyshark.com/1680600043693banner-02.png'></Image>
+        </View>
         <View className='draw-content'>
           <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 className='draw-content-func'>
+              <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>
+              <View className='delete-draw-text' onClick={e => (this.deleteDrawText())}>清空</View>
             </View>
             <Textarea
               value={this.state.value}
@@ -439,10 +467,7 @@ export default class Mine extends Component {
               onInput={e => (this.onInput(e))}
               onBlur={e => (this.onBlur(e))}
               maxlength='1000' />
-            {
-              this.state.value.length > 0 &&
-              <Image className='delete-draw-text' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679637370560.png' onClick={e => (this.deleteDrawText())}></Image>
-            }
+
             <View className='textarea-num' id='textarea-num'>{this.state.value.length}/1000</View>
           </View>
           <View className='draw-title'>选择标签</View>
@@ -548,7 +573,7 @@ export default class Mine extends Component {
                 :
                 <View className='consult-model'>
                   <Image className='consult-img' mode='aspectFit' onClick={e => (this.upLode())} src={this.state.consultImg}></Image>
-                  <Image className='delete' src='http://video-img.fyshark.com/1680147210173guanbi.png' onClick={e=>(this.deleteImg())}></Image>
+                  <Image className='delete' src='http://video-img.fyshark.com/1680147210173guanbi.png' onClick={e => (this.deleteImg())}></Image>
                 </View>
             }
           </View>
@@ -588,6 +613,9 @@ export default class Mine extends Component {
           </View>
           <View className='draw-title'>绘画不要的元素</View>
           <View className='draw-text'>
+            <View className='draw-content-func'>
+              <View className='delete-draw-text' onClick={e => (this.deleteNegativeValue())}>清空</View>
+            </View>
             <Textarea
               value={this.state.negativeValue}
               className='draw-taxtarea'
@@ -596,10 +624,7 @@ export default class Mine extends Component {
               onInput={e => (this.onInputNegative(e))}
               onBlur={e => (this.onBlurNegative(e))}
               maxlength='1000' />
-            {
-              this.state.negativeValue.length > 0 &&
-              <Image className='delete-draw-text' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679637370560.png' onClick={e => (this.deleteNegativeValue())}></Image>
-            }
+
             <View className='textarea-num' id='negative_prompt'>{this.state.negativeValue.length}/1000</View>
           </View>
         </View>

src/pages/index/index.less

@@ -1,7 +1,11 @@
 .mine {
   min-height: 100vh;
   background-color: #041129;
-
+.banner{
+  .banner-image{
+    width: 100%;
+  }
+}
   .draw-content {
     padding: 48px 30px;
 
@@ -110,11 +114,26 @@
     .draw-text {
       margin-top: 30px;
       position: relative;
-
-      .recommend {
+      .draw-content-func{
+        display: flex;
         position: absolute;
         right: 0;
         top: -84px;
+      }
+      .delete-draw-text{
+        padding: 0 20px;
+        height: 64px;
+        line-height: 64px;
+        font-family: PingFangSC-Regular;
+        font-size: 24px;
+        letter-spacing: 0;
+        text-align: center;
+        background-color: rgba(255, 255, 255, .05);
+        color: rgba(255, 255, 255, .5);
+      }
+
+      .recommend {
+        margin-right: 20px;
         width: 222px;
         height: 64px;
         display: flex;
@@ -141,8 +160,9 @@
       .draw-taxtarea {
         width: 642px;
         background-color: rgba(255, 255, 255, .05);
+        font-size: 28px;
         color: rgba(255, 255, 255, .5);
-        min-height: 240px;
+        height: 150px;
         padding: 24rpx 24rpx 44rpx 24rpx;
       }
 
@@ -151,16 +171,6 @@
         text-align: end;
         color: rgba(255, 255, 255, .5);
       }
-
-      .delete-draw-text {
-        position: absolute;
-        right: 5px;
-        bottom: 65px;
-        width: 40px;
-        height: 40px;
-      }
-
-
     }
 
     .model-list {

src/pages/mine/index.jsx

@@ -9,19 +9,10 @@ export default class Mine extends Component {
 
   state = {
     userInfo: {},
-    type: 0,
-    cardinalInfos: [],//基数
-    evenInfos: [],//偶数
-    total: 0,
-    page: 1,
-    page_size: 20,
-    selection: false,
-    cardinalSelectedNum: 0,
 
   }
 
   componentDidShow () {
-    this.getInit(1)
     this.getUserInfo()
   }
   onShareAppMessage = (res) => {
@@ -32,19 +23,6 @@ export default class Mine extends Component {
     }
     return shareData;
   }
-  getInit () {
-    this.setState({
-      cardinalInfos: [],//基数
-      evenInfos: [],//偶数
-      total: 0,
-      page: 1,
-      page_size: 20,
-      selection: false,
-      cardinalSelectedNum: 0,
-      evenSelectedNum: 0,
-    })
-    this.getMyDraw(1)
-  }
   getUserInfo () {
     api.getUserInfo().then(res => {
       if (res.code == 200) {
@@ -54,190 +32,48 @@ export default class Mine extends Component {
       }
     })
   }
-  getMyDraw (page) {
-    Taro.showLoading({
-      title: '加载中',
-    })
-    let params = {
-      page: page,
-      page_size: this.state.page_size,
-    }
-    let getInit = api.getMyDraw(params)
-    if (this.state.type == 1) {
-      getInit = api.getLikeList(params)
-    }
-    getInit.then(res => {
-      if (res.code == 200) {
-        Taro.hideLoading()
-        res.data.infos.forEach((item, index) => {
-          item['select'] = false
-        })
-        let infos = res.data.infos
-        let _evenInfos = res.data.infos.filter((item, index) => {
-          return index % 2 == 1
-        })
-        let _cardinalInfos = res.data.infos.filter((item, index) => {
-          return index % 2 == 0
-        })
-        console.log(_cardinalInfos, '_cardinalInfos');
-        let cardinalInfos = this.state.cardinalInfos.concat(_cardinalInfos)
-        let evenInfos = this.state.evenInfos.concat(_evenInfos)
-        this.setState({
-          cardinalInfos: cardinalInfos,//基数
-          evenInfos: evenInfos,//偶数
-          total: res.data.total
-        })
-      }
+
+  getEarnPoints () {
+    Taro.navigateTo({
+      url: `/moduleA/pages/earnPoints/index`
     })
   }
-  onReachBottom () {
-    if ((this.state.cardinalInfos.length + this.state.evenInfos.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
-    }, () => {
-      this.getInit()
+  wallet () {
+    Taro.navigateTo({
+      url: `/moduleA/pages/wallet/index`
     })
   }
-  //选中||详情页
-  toDetail (item, index, type) {
-    if (this.state.selection) {
-      if (type == 'cardinal') {
-        let _infos = this.state.cardinalInfos
-        _infos[index].select = !this.state.cardinalInfos[index].select
-        let infosSelect = _infos.filter(res => {
-          return res.select == true
-        })
-        console.log(infosSelect.length, 'infosSelect');
-        this.setState({
-          cardinalInfos: _infos,
-          cardinalSelectedNum: infosSelect.length
-        })
-      } else {
-        let _infos = this.state.evenInfos
-        _infos[index].select = !this.state.evenInfos[index].select
-        let infosSelect = _infos.filter(res => {
-          return res.select == true
+  toDetail (index) {
+    switch (index) {
+      case 0:
+        Taro.navigateTo({
+          url: `/moduleB/pages/works/index`
         })
-        console.log(infosSelect.length, 'infosSelect');
-        this.setState({
-          evenInfos: _infos,
-          evenSelectedNum: infosSelect.length
+        break;
+      case 1:
+        Taro.navigateTo({
+          url: `/moduleB/pages/like/index`
         })
-      }
-
-    } else {
-      if (this.state.type == 1) {
+        break;
+      case 2:
         Taro.navigateTo({
-          url: `/moduleA/pages/communityDetail/index?task_id=${item.id}`
+          url: `/moduleA/pages/invite/index`
         })
-      }else{
+        break;
+      case 3:
         Taro.navigateTo({
-          url: `/moduleA/pages/darwDetail/index?task_id=${item.task_id}&img_id=${item.id}`
+          url: `/moduleA/pages/shareCnt/index`
         })
-      }
-    }
-  }
-  cancelDelect () {
-    let _evenInfos = this.state.evenInfos
-    _evenInfos.forEach((item, index) => {
-      item.select = false
-    })
-    let _cardinalInfos = this.state.cardinalInfos
-    _cardinalInfos.forEach((item, index) => {
-      item.select = false
-    })
-    this.setState({
-      cardinalInfos: _cardinalInfos,
-      evenInfos: _evenInfos,
-      cardinalSelectedNum: 0,
-      evenSelectedNum: 0,
-      selection: !this.state.selection
-    })
-  }
-  delectiImg () {
-    let that = this
-    Taro.showModal({
-      title: '提示',
-      content: `确定删除这${this.state.cardinalSelectedNum + this.state.evenSelectedNum}张图片吗`,
-      success: function (res) {
-        if (res.confirm) {
-          that.deleteImg()
-        } else if (res.cancel) {
-          console.log('用户点击取消')
-        }
-      }
-    })
-  }
-  deleteImg () {
-    let deleteObj = []
-    this.state.cardinalInfos.forEach(res => {
-      if (res.select) {
-        console.log(res.id, 'res.id', res.select);
-        deleteObj.push(res.id)
-      }
-    })
-    this.state.evenInfos.forEach(res => {
-      if (res.select) {
-        console.log(res.id, 'res.id', res.select);
-        deleteObj.push(res.id)
-      }
-    })
-    console.log(deleteObj.join(','), 'deleteObj');
-    api.userDelImg({ img_ids: deleteObj.join(',') }).then(res => {
-      if (res.code == 200) {
-        Taro.showToast({
-          title: `删除成功`,
-          icon: 'none',
-        });
-        this.getInit(1)
-        this.getUserInfo()
-      }
-    })
-  }
-  //批量选择
-  changeSelection () {
-    if (this.state.selection) {
-      let _evenInfos = this.state.evenInfos
-      _evenInfos.forEach((item, index) => {
-        item.select = false
-      })
-      let _cardinalInfos = this.state.cardinalInfos
-      _cardinalInfos.forEach((item, index) => {
-        item.select = false
-      })
-      this.setState({
-        cardinalInfos: _cardinalInfos,
-        evenInfos: _evenInfos,
-        cardinalSelectedNum: 0,
-        evenSelectedNum: 0,
-        selection: !this.state.selection
-      })
-    } else {
-      this.setState({
-        selection: !this.state.selection
-      })
+        break;
+      case 4:
+        Taro.previewImage({
+          current: this.state.userInfo.kf_img, // 当前显示图片的http链接  
+          urls: [`${this.state.userInfo.kf_img}`] // 需要预览的图片http链接列表  
+        })
+        break;
     }
   }
 
-  getEarnPoints () {
-    Taro.navigateTo({
-      url: `/moduleA/pages/earnPoints/index`
-    })
-  }
-  wallet(){
-    Taro.navigateTo({
-      url: `/moduleA/pages/wallet/index`
-    })
-  }
-
   componentDidMount () { }
 
   render () {
@@ -251,9 +87,9 @@ export default class Mine extends Component {
                 <View className='info-top'>
                   <View className='user-name'>{this.state.userInfo.user_name}</View>
                 </View>
-                <View className='info-bottom' onClick={e=>(this.wallet())}>
+                <View className='info-bottom' >
                   <View className='integral'>点券：{this.state.userInfo.total_coin}</View>
-                  <Image className='integral-img' src='http://video-img.fyshark.com/1680055380074%E7%A7%AF%E5%88%86%E6%98%8E%E7%BB%86.png'></Image>
+                  {/* <Image className='integral-img' src='http://video-img.fyshark.com/1680055380074%E7%A7%AF%E5%88%86%E6%98%8E%E7%BB%86.png'></Image> */}
                 </View>
               </View>
             </View>
@@ -264,63 +100,41 @@ export default class Mine extends Component {
         </View>
 
         <View className='work-list'>
-          <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 className='work-info' onClick={e => (this.toDetail(0))}>
+            <Image className='work-img' src='http://video-img.fyshark.com/1680506115183icon-%E6%88%91%E7%9A%84%E4%BD%9C%E5%93%81.png'></Image>
+            <View className='work-title'>我的作品</View>
+          </View>
+          <View className='work-info' onClick={e => (this.toDetail(1))}>
+            <Image className='work-img' src='http://video-img.fyshark.com/1680506124768icon-%E9%82%80%E8%AF%B7%E5%A5%BD%E5%8F%8B.png'></Image>
+            <View className='work-title'>我的喜欢</View>
+          </View>
+          <View className='work-info' onClick={e => (this.wallet())}>
+            <Image className='work-img' src='http://video-img.fyshark.com/1680055380074%E7%A7%AF%E5%88%86%E6%98%8E%E7%BB%86.png'></Image>
+            <View className='work-title'>点券详情</View>
           </View>
           {
-            this.state.type == 0 &&
-            <View className='work-num'>作品数量：{this.state.total}/{this.state.userInfo.stock_cnt}</View>
-          }
-          <View className='work-list-info' >
-            {
-              this.state.type == 0 &&
-              <View className='selection' onClick={e => (this.changeSelection())}>{!this.state.selection ? '批量选择' : '取消'}</View>
-            }
-            <View className='selection-left'>
-              {
-                this.state.cardinalInfos.map((item, index) => (
-                  <View className='work-info' key={index} onClick={e => (this.toDetail(item, index, 'cardinal'))}>
-                    {
-                      this.state.selection &&
-                      <Image className='select' src={item.select ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033915899.jpg' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033897198.jpg'}></Image>
-                    }
-                    <Image className='work-img' lazyLoad mode='widthFix' src={item.img ? item.img : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679305142417.png'}></Image>
-                    <View className='work-name'>{tool.ellipsis(item.img_info, 8)}</View>
-                  </View>
-                ))
-              }
+            process.env.TARO_ENV != 'tt' &&
+            <View className='work-info' onClick={e => (this.toDetail(2))}>
+              <Image className='work-img' src='http://video-img.fyshark.com/1680506104131icon-%E6%88%91%E7%9A%84%E5%96%9C%E6%AC%A2.png'></Image>
+              <View className='work-title'>邀请好友</View>
             </View>
-            <View className='selection-right'>
-              {
-                this.state.evenInfos.map((item, index) => (
-                  <View className='work-info' key={index} onClick={e => (this.toDetail(item, index, 'even'))}>
-                    {
-                      this.state.selection &&
-                      <Image className='select' src={item.select ? 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033915899.jpg' : 'https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679033897198.jpg'}></Image>
-                    }
-                    <Image className='work-img' lazyLoad mode='widthFix' src={item.img}></Image>
-                    <View className='work-name'>{tool.ellipsis(item.img_info, 8)}</View>
-                  </View>
-                ))
-              }
-            </View>
-
+          }
+          <View className='work-info' onClick={e => (this.toDetail(3))}>
+            <Image className='work-img' src='http://video-img.fyshark.com/1680505725946icon-%E5%88%86%E9%94%80%E8%AE%A1%E5%88%92.png'></Image>
+            <View className='work-title'>分销计划</View>
           </View>
-        </View>
-        {
-          this.state.selection &&
-          <View className='select-content'>
-            <View className='cancel' onClick={e => (this.cancelDelect())}>取消</View>
-            <View >当前已选中{this.state.cardinalSelectedNum + this.state.evenSelectedNum}张</View>
-            <View className='delect' onClick={e => (this.delectiImg())}>
-              <Image className='delect-icon' src='https://we-spa.oss-cn-shenzhen.aliyuncs.com/total_picture/1679037709270.png'></Image>
-              <View className='delect-text'>删除</View>
+          {
+            process.env.TARO_ENV != 'tt' &&
+            <View className='work-info work-info-only' onClick={e => (this.toDetail(4))}>
+              <Image className='work-img' src='http://video-img.fyshark.com/1680505998515icon-%E5%8A%A0%E5%85%A5%E4%BA%A4%E5%8F%8B%E7%BE%A4.png'></Image>
+              <View className='work-title'>加入交友群</View>
             </View>
-          </View>
-        }
+          }
+          <Button className='button work-info work-info-only' type='default' open-type='contact'>
+            <Image className='work-img' src='http://video-img.fyshark.com/1680506053680icon-%E8%81%94%E7%B3%BB%E6%88%91%E4%BB%AC.png'></Image>
+            <View className='work-title'>联系客服</View>
+          </Button>
+        </View>
       </View>
     )
   }

src/pages/mine/index.less

@@ -110,93 +110,46 @@
   }
 
   .work-list {
-    min-height: 100vh;
-    background: #0F1A2F;
-    box-shadow: 12px 0 30px 0 #1E376D;
-    border-radius: 28px 28px 0 0;
     margin-top: -150px;
     padding: 28px 30px;
 
-    .work-num {
-      margin-top: 48px;
-      font-family: PingFangSC-Regular;
-      font-size: 32px;
-      color: #FFFFFF;
-    }
-
-    .work-list-info {
-      width: 100%;
-      position: relative;
-      margin-top: 40px;
-      column-gap: 5rpx;
-      column-count: 2;
-      /*每一格的高度*/
-
+    .work-info {
+      background: #0F1A2F;
+      margin-top: 2px;
       display: flex;
-      justify-content: space-between;
-
-      .selection {
-        position: absolute;
-        right: 0;
-        top: -94px;
-        width: 178px;
-        height: 64px;
-        line-height: 64px;
-        border-radius: 40px;
-        border: 2px solid #1489ED;
-        color: #1489ED;
-        font-family: PingFangSC-Regular;
-        font-size: 32px;
-        text-align: center;
-
-      }
+      align-items: center;
+      padding: 30px 0;
 
-      .selection-left {
-        width: 330px;
+      .work-img {
+        margin-left: 30px;
+        width: 48px;
+        height: 48px;
       }
 
-      .selection-right {
-        width: 330px;
+      .work-title {
+        margin-left: 20px;
+        font-family: PingFangSC-Regular;
+        font-size: 32px;
+        color: #FFFFFF;
+        letter-spacing: 0;
       }
+    }
 
-      .work-info {
-        position: relative;
-        margin-top: 10px;
-
-        // width: 45%;
-
-        .select {
-          position: absolute;
-          background-color: white;
-          border-radius: 8px;
-          left: 20px;
-          top: 20px;
-          width: 40px;
-          height: 40px;
-        }
-
-        .work-img {
-          width: 100%;
-          min-height: 180px;
-          display: block;
-          // height: 100%;
-        }
+    .work-info:first-child {
+      border-radius: 16px 16px 0 0;
+    }
 
-        .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;
+    .work-info:nth-child(5) {
+      border-radius: 0 0 16px 16px;
+    }
 
-        }
-      }
+    .work-info-only {
+      margin-top: 24px;
+      border-radius: 16px;
     }
   }
 
+
   @media only screen and (max-width: 768px) {
     .work-info {
       width: calc(50% - 10px);
@@ -209,33 +162,19 @@
     }
   }
 
-  .select-content {
-    width: 100%;
-    padding: 20px 0;
-    background: rgba(11, 19, 37, .8);
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    display: flex;
-    justify-content: space-between;
-    font-family: PingFangSC-Regular;
-    font-size: 32px;
-    color: #FFFFFF;
-
-    .cancel {
-      margin-left: 40px;
-    }
-
-    .delect {
-      margin-right: 40px;
-      display: flex;
-      align-items: center;
-
-      .delect-icon {
-        margin-right: 10px;
-        width: 40px;
-        height: 40px;
-      }
-    }
-  }
+}
+.button {
+  margin: 24px 0 0 0 !important;
+  padding: 30px 0 !important;
+  border: none !important;
+  line-height: normal !important;
+  outline: none !important;
+  background-color: #0F1A2F !important;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+}
+
+button::after {
+  border: none;
 }

src/service/index.js

@@ -158,20 +158,56 @@ export const getUserCoinDetail = data =>
     method: 'POST',
     data,
   });
-  //获取用户分销明细
+//获取用户分销明细
 export const getUserShareCnt = data =>
-Request({
-  url: '/api/get_user_share_cnt',
-  method: 'POST',
-  data,
-});
-  //获取用户分销明细
-  export const drawGcImg = data =>
+  Request({
+    url: '/api/get_user_share_cnt',
+    method: 'POST',
+    data,
+  });
+//获取用户分销明细
+export const drawGcImg = data =>
   Request({
     url: '/api/draw_gc_img',
     method: 'POST',
     data,
   });
+//获取资讯列表
+export const getInformationList = data =>
+  Request({
+    url: '/api/get_information_list',
+    method: 'POST',
+    data,
+  });
+//获取资讯详情
+export const getInformationDetails = data =>
+  Request({
+    url: '/api/get_information_details',
+    method: 'POST',
+    data,
+  });
+//获取活动列表
+export const aiInformationIndex = data =>
+  Request({
+    url: '/api/ai_information_index',
+    method: 'POST',
+    data,
+  });
+//获取广告任务
+export const getCoinTaskAd = data =>
+  Request({
+    url: '/api/get_coin_task_ad',
+    method: 'POST',
+    data,
+  });
+//AI换脸
+export const aiFaceMege = data =>
+  Request({
+    url: '/api/ai_face_mege',
+    method: 'POST',
+    data,
+  });
+