bowong
/
bw-mini-app
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update button styling and image handling in history and result components

This commit is contained in:
iHeyTang 2025-09-28 13:03:03 +08:00
parent df6db4d1b6
commit 4e5dc53741
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/pages/friends-photo/components/SubmitButton/index.css
View File

@ -30,7 +30,7 @@
font-weight: 600; font-weight: 600;
} }
.submit-button[disabled] { .submit-button.disabled {
background-color: #ccc; background-color: #ccc;
cursor: not-allowed; cursor: not-allowed;
border: none; border: none;

4
src/pages/history/index.tsx
View File

@ -158,10 +158,10 @@ export default function History() {
<View key={record.id} className="history-item" onClick={() => handleItemClick(record)}> <View key={record.id} className="history-item" onClick={() => handleItemClick(record)}>
<View className="item-thumbnail"> <View className="item-thumbnail">
{record.status === 'completed' && record.outputResult ? ( {record.status === 'completed' && record.outputResult ? (
<Image className="thumbnail-image" src={record.inputImageUrl} mode="aspectFill" /> <Image className="thumbnail-image" src={record.inputImageUrl.split(',')[0]} mode="aspectFill" />
) : ( ) : (
<View className={`thumbnail-placeholder ${record.status}`}> <View className={`thumbnail-placeholder ${record.status}`}>
<Image className="thumbnail-image" src={record.inputImageUrl} mode="aspectFill" /> <Image className="thumbnail-image" src={record.inputImageUrl.split(',')[0]} mode="aspectFill" />
{/* 生成中状态的扫描效果 */} {/* 生成中状态的扫描效果 */}
{isGenerating && ( {isGenerating && (
<View className="thumbnail-overlay"> <View className="thumbnail-overlay">

6
src/pages/result/components/GeneratingComponent.tsx
View File

@ -1,4 +1,4 @@
import { Image, View,Text } from '@tarojs/components'; import { Image, View, Text } from '@tarojs/components';
import { navigateBack } from '@tarojs/taro'; import { navigateBack } from '@tarojs/taro';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
@ -63,7 +63,7 @@ const GeneratingComponent: React.FC<GeneratingComponentProps> = ({ task }) => {
<View className="progress-inner"> <View className="progress-inner">
{/* 预览图片或占位符 */} {/* 预览图片或占位符 */}
{task?.inputImageUrl ? ( {task?.inputImageUrl ? (
<Image className="preview-image" src={task.inputImageUrl} mode="aspectFill" /> <Image className="preview-image" src={task.inputImageUrl.split(',')[0]} mode="aspectFill" />
) : ( ) : (
<View className="preview-placeholder"> <View className="preview-placeholder">
<View className="placeholder-icon">🎨</View> <View className="placeholder-icon">🎨</View>
@ -73,7 +73,7 @@ const GeneratingComponent: React.FC<GeneratingComponentProps> = ({ task }) => {
<View className="progress-overlay" /> <View className="progress-overlay" />
{/* 光扫描动画 */} {/* 光扫描动画 */}
<View className="scan-light" /> <View className="scan-light" />
<View className="scan-progress" >{Math.round(progress)}%</View> <View className="scan-progress">{Math.round(progress)}%</View>
</View> </View>
</View> </View>
</View> </View>