厩肥添加图片

src/pages/FertilizeByGround/Acid/AddOrganic/Stable.js

@@ -3,6 +3,8 @@ import styled from 'styled-components';
 import WheatBg from 'pages/WheatBg';
 import PigImg from '磷肥施用技术切图/默认状态/画面a-2-2厩肥-assets/猪厩肥.png';
 import GoatImg from '磷肥施用技术切图/默认状态/画面a-2-2厩肥-assets/羊厩肥.png';
+import ChickenImg from '磷肥施用技术切图/默认状态/画面a-2-2厩肥-assets/鸡厩肥.png';
+import CowImg from '磷肥施用技术切图/默认状态/画面a-2-2厩肥-assets/牛厩肥.png';
 import textImg1 from '磷肥施用技术切图/默认状态/画面a-2-2猪厩肥羊厩肥（增加文字1）-assets/厩肥.png';
 import textImg2 from '磷肥施用技术切图/默认状态/画面a-2-2猪厩肥羊厩肥（增加文字2）-assets/厩肥.png';
 import { BackBtn, HomeBtn } from 'pages/SubHome';
@@ -10,8 +12,8 @@ import { convertpx2vw } from 'config'
 
 const StyledImg = styled.img`
   display: block;
-  width: ${convertpx2vw(702)};
-  height: ${convertpx2vw(552)};
+  width: ${convertpx2vw(503)};
+  height: ${convertpx2vw(397)};
 `;
 
 const textImages = [textImg1, textImg2];
@@ -39,8 +41,14 @@ export default function Stable() {
         showText ? <StyledImg src={textImages[imgIndex]} alt="堆肥" style={{width: convertpx2vw(819), height: convertpx2vw(563)}} />
         : (
           <>
-            <StyledImg src={PigImg} alt="猪厩肥" style={{marginRight: convertpx2vw(80)}} />
-            <StyledImg src={GoatImg} alt="羊厩肥" />
+            <div style={{marginRight: convertpx2vw(80)}}>
+              <StyledImg src={PigImg} alt="猪厩肥"  style={{marginBottom: convertpx2vw(40)}} />
+              <StyledImg src={CowImg} alt="牛厩肥" />
+            </div>
+            <div>
+              <StyledImg src={GoatImg} alt="羊厩肥" style={{marginBottom: convertpx2vw(40)}} />
+              <StyledImg src={ChickenImg} alt="鸡厩肥" />
+            </div>
           </>
         )
       }