动画头像生成添加高清

src/pages/activity/index.jsx

@@ -9,6 +9,7 @@ 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
   }
 
@@ -54,7 +55,7 @@ export default class collection extends Component {
       Taro.showToast({ title: '请先上传图片', icon: 'none' })
       return
     }
-    api.drawGcImg({ img_url: this.state.consultImg }).then(res => {
+    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}`
@@ -77,6 +78,11 @@ export default class collection extends Component {
       }
     })
   }
+  changeMass (e) {
+    this.setState({
+      mass: e
+    })
+  }
 
   render () {
     return (
@@ -96,8 +102,14 @@ export default class collection extends Component {
           }
         </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点券）
+          生成图片（消耗{2*(this.state.mass+1)}点券）
         </View>
       </View>
     )

src/pages/activity/index.less

@@ -68,4 +68,39 @@
     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/pages/index/index.jsx

@@ -167,7 +167,6 @@ export default class Mine extends Component {
     })
   }
   onInput (e) {
-    console.log(e, 'e')
     var num = e.detail.cursor;
     document.getElementById('textarea-num').innerHTML = num + "/1000";
   }
@@ -175,10 +174,8 @@ export default class Mine extends Component {
     this.setState({
       value: e.detail.value
     })
-    console.log(e, 'onBlur');
   }
   onInputNegative (e) {
-    console.log(e, 'e');
     var num = e.detail.cursor;
     document.getElementById('negative_prompt').innerHTML = num + "/1000";
   }