fix(style): image wraper full size

This commit is contained in:
jialin
2024-12-02 18:56:27 +08:00
parent a7456d1182
commit 50c740d219
8 changed files with 72 additions and 35 deletions
@@ -52,6 +52,7 @@
.single-image {
height: 100%;
width: inherit;
display: flex;
justify-content: center;
align-items: center;
+1 -5
View File
@@ -44,10 +44,6 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
width: width,
height: height
});
const [originSize, setOriginSize] = React.useState({
width: width,
height: height
});
const thumImgWrapStyle = React.useMemo(() => {
return loading ? { width: '100%', height: '100%' } : {};
@@ -76,7 +72,7 @@ const SingleImage: React.FC<SingleImageProps> = (props) => {
newWidth = containerWidth;
newHeight = containerWidth / imageAspectRatio;
}
console.log('size++++++++=', size, newWidth, newHeight);
setImgSize({
width: newWidth,
height: newHeight
@@ -112,6 +112,7 @@ const SpeechItem: React.FC<SpeechContentProps> = (props) => {
return (
<div>
<div className="speech-item">
<div style={{}}></div>
<div
className="wrapper"
style={{ height: 82, width: '100%' }}
@@ -127,7 +128,7 @@ const SpeechItem: React.FC<SpeechContentProps> = (props) => {
onAudioprocess={handleOnAudioprocess}
ref={ref}
></AudioPlayer>
{/* {isPlay && (
{/* {!isPlay && (
<AudioAnimation
maxBarCount={180}
height={82}