更改人物动漫化风格显示

app_list.json

@@ -1,6 +1,6 @@
 {
   "taroConfig": {
-    "version": "1.3.7",
+    "version": "1.4.1",
     "desc": "更改人物动漫化"
   },
   "app_list": [

package.json

@@ -81,7 +81,7 @@
         "webpack": "5.69.0"
     },
     "taroConfig": {
-        "version": "1.3.7",
+        "version": "1.4.1",
         "desc": "更改人物动漫化"
     }
 }

src/moduleB/pages/comic/index.jsx

@@ -349,7 +349,9 @@ export default class collection extends Component {
           </View>
         }
         <View className='update' onClick={e => (tool.throttle(this.updateButton()), 2000)}>
-          <View className='update-button'>
+          <View className={!this.state.isImage?'update-button':'update-button update-active'}
+          style={!this.state.isImage?'background: linear-gradient(90deg, #038EFF, #3342FF);':'background: linear-gradient(90deg, #1cbd67, #13c027);'}
+          >
             <Image className='update-img' src={!this.state.isImage ? 'http://video-img.fyshark.com/1681719589061%E7%BB%98%E7%94%BB%402x.png' : 'http://video-img.fyshark.com/1681719637510%E5%9B%BE%E7%89%87%402x.png'}></Image>
             {!this.state.isImage ? '上传图片' : this.state.creatInfo.wallet_status == 0 ? '点击看广告绘制图片' : '点击绘制 (当前点券充足，前往绘制吧）'}
           </View>

src/moduleB/pages/comic/index.less

@@ -7,17 +7,20 @@
   .banner {
     position: relative;
     margin-top: 20px;
-    .banner-content{
+
+    .banner-content {
       position: relative;
       left: 50%;
       transform: translateX(-50%);
       width: 312px;
       height: 312px;
+
       .content-img {
         width: 100%;
         height: 100%;
       }
-      .delete{
+
+      .delete {
         position: absolute;
         right: -20px;
         top: -20px;
@@ -123,8 +126,24 @@
   .update {
     margin-top: 40px;
 
+    /* 定义动画 */
+    @keyframes shrink {
+      0%, 100% {
+        transform: translateY(0) scale(1);
+      }
+      50% {
+        transform: translateY(0px) scale(0.95);
+      }
+    }
+
+    /* 应用动画 */
+    .update-active {
+      animation: shrink 1.2s ease-in-out infinite;
+    }
+
     .update-button {
       background: linear-gradient(90deg, #038EFF, #3342FF);
+
       border-radius: 46px;
       width: 100%;
       height: 94px;

src/moduleB/pages/comicDetail/index.jsx

@@ -371,7 +371,7 @@ export default class collection extends Component {
                   <View className='lock'>
                     <View className='lock-content'>
                       <Image className='lock-img' src='http://video-img.fyshark.com/1681733630830%E8%A7%A3%E9%94%81%402x.png'></Image>
-                      <View className='lock-title'>解锁</View>
+                      <View className='lock-title'>{item.model_name}</View>
                     </View>
                   </View>
                 }
@@ -379,6 +379,10 @@ export default class collection extends Component {
             ))
           }
         </ScrollView>
+        <View className='tips'>作品可在「绘画作品」中查看</View>
+        {/* <View className='send'>
+          <View className='sendTT'>一键发抖音</View>
+        </View> */}
         <View className='control'>
           <View className='download' onClick={e => (this.download())}>保存图片</View>
           <View className='toIndex' onClick={e => (this.toIndex())}>前往探索更多玩法</View>

src/moduleB/pages/comicDetail/index.less

@@ -1,6 +1,7 @@
 .mine {
   padding: 1px 40px;
   min-height: 100vh;
+  position: relative;
   background-color: #041129;
 
 
@@ -135,6 +136,53 @@
 
   }
 
+  .tips {
+    margin-top: 30px;
+    font-size: 26px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #c7c5c5;
+    text-align: center;
+  }
+
+  .send {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  .sendTT {
+    margin-top: 100px;
+    width: 460px;
+    height: 80px;
+    line-height: 80px;
+    text-align: center;
+    font-size: 28px;
+    font-family: PingFang SC;
+    font-weight: 500;
+    color: #FFFFFF;
+    background: linear-gradient(90deg, #1cbd67, #13c027);
+    border-radius: 14px;
+  }
+
+  /* 定义动画 */
+  @keyframes shrink {
+
+    0%,
+    100% {
+      transform: translateY(0) scale(1);
+    }
+
+    50% {
+      transform: translateY(0px) scale(0.95);
+    }
+  }
+
+  /* 应用动画 */
+  .sendTT {
+    animation: shrink 1.2s ease-in-out infinite;
+  }
+
   .control {
     width: 100%;
     margin-top: 100px;