From 8ecb3be06bf14f6592d6b297d491df72eb6a2898 Mon Sep 17 00:00:00 2001 From: xuan Date: Thu, 8 Dec 2022 16:04:41 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix(ID1000935):=20=E7=94=B3?= =?UTF-8?q?=E8=AF=B7=E9=80=80=E8=B4=A7=EF=BC=8C=E9=80=89=E6=8B=A9=E9=80=80?= =?UTF-8?q?=E8=B4=A7=E5=8E=9F=E5=9B=A0=E6=97=B6=EF=BC=8C=E5=85=B6=E4=BB=96?= =?UTF-8?q?=E8=AF=B4=E6=98=8E=E6=96=87=E6=9C=AC=E8=BE=93=E5=85=A5=E6=A1=86?= =?UTF-8?q?=E5=B1=82=E7=BA=A7=E5=A4=AA=E9=AB=98=EF=BC=8CUI=E5=87=BA?= =?UTF-8?q?=E7=8E=B0=E6=B7=B7=E4=B9=B1=EF=BC=88=E5=AE=89=E5=8D=93=E7=B3=BB?= =?UTF-8?q?=E7=BB=9F=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 【申请退货，选择退货原因时，其他说明文本输入框层级太高，UI出现混乱（安卓系统）】 https://www.tapd.cn/53459131/bugtrace/bugs/view/1153459131001000935 --- project.private.config.json | 7 + src/components/saleModeTag/index.tsx | 9 +- src/pages/applyGoods/index.module.scss | 1005 ++++++++++++------------ src/pages/applyGoods/index.tsx | 38 +- 4 files changed, 527 insertions(+), 532 deletions(-) diff --git a/project.private.config.json b/project.private.config.json index a7287ba..8b83c17 100644 --- a/project.private.config.json +++ b/project.private.config.json @@ -239,6 +239,13 @@ "query": "", "launchMode": "default", "scene": null + }, + { + "name": "", + "pathName": "pages/applyGoods/index", + "query": "orderId=31742", + "launchMode": "default", + "scene": null } ] } diff --git a/src/components/saleModeTag/index.tsx b/src/components/saleModeTag/index.tsx index 18bcf35..c4f9200 100644 --- a/src/components/saleModeTag/index.tsx +++ b/src/components/saleModeTag/index.tsx @@ -7,25 +7,26 @@ interface SaleModeProps { saleMode: number size?: TagSize customClassName?: string + customStyle?: React.CSSProperties children?: React.ReactNode } const SaleModeTag: FC = (props) => { - const { saleMode, size = 'small', customClassName } = props + const { saleMode, size = 'small', customClassName, customStyle } = props return ( <> {saleMode === EnumSaleMode.Bulk && ( - + 大货 )} {saleMode === EnumSaleMode.Plate && ( - + 剪板 )} {saleMode === EnumSaleMode.BulkCut && ( - + 散剪 )} diff --git a/src/pages/applyGoods/index.module.scss b/src/pages/applyGoods/index.module.scss index a42d617..47f133a 100644 --- a/src/pages/applyGoods/index.module.scss +++ b/src/pages/applyGoods/index.module.scss @@ -1,381 +1,497 @@ -.main {} +.main { +} .bgBox { - margin: 24px; - background: #FFFFFF; - border-radius: 16px; - overflow: hidden; + margin: 24px; + background: #ffffff; + border-radius: 16px; + overflow: hidden; } - - .goodsBox { + margin-top: 24px; + overflow: hidden; + border-bottom: 8px solid #f7f7f7; + + .goodsProduct { + font-size: 28px; + font-weight: 500; + color: #000000; + margin-left: 32px; + } + + .goodsLine { + width: 638px; + height: 1px; + background: #000000; + opacity: 0.1; + margin-left: 32px; margin-top: 24px; - overflow: hidden; - border-bottom: 8px solid #F7F7F7; + } - .goodsProduct { - font-size: 28px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #000000; - margin-left: 32px; + .itemGoods { + margin-top: 24px; + display: flex; + + .itemPic { + margin-left: 32px; + margin-right: 42px; + width: 108px; + height: 108px; + // background: #322F2F; + border-radius: 5px; } - .goodsLine { - width: 638px; - height: 1px; - background: #000000; - opacity: 0.1; - margin-left: 32px; - margin-top: 24px; - } + .itemRight { + padding-bottom: 24px; + width: 495px; + border-bottom: 1px solid #f7f7f7; - .itemGoods { - margin-top: 24px; + .item_right_top { display: flex; + align-items: center; + justify-content: space-between; - .itemPic { - margin-left: 32px; - margin-right: 42px; - width: 108px; - height: 108px; - // background: #322F2F; - border-radius: 8px; + .itemName { + font-size: 28px; + font-weight: 400; + color: #000000; } - .itemRight { - padding-bottom: 24px; - width: 495px; - border-bottom: 1px solid #f7f7f7; - - .item_right_top { - margin-bottom: 41px; - display: flex; - align-items: center; - justify-content: space-between; - - .itemName { - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #000000; - } - - .itemNums { - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #000000; - } - } - - .item_right_Bottom { - display: flex; - align-items: center; - justify-content: space-between; - - .itemMoney { - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #000000; - } - - .itemMoneyOne { - font-size: 28px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #000000; - } - - .btn { - width: 120px; - height: 64px; - border-radius: 8px; - border: 1px solid #337FFF; - font-size: 28px; - font-weight: 400; - color: #337FFF; - text-align: center; - line-height: 64px; - } - - .btnOne { - width: 204px; - height: 64px; - border-radius: 8px; - border: 1px solid #337FFF; - font-size: 28px; - font-weight: 400; - color: #337FFF; - text-align: center; - line-height: 64px; - } - - .inputBox { - width: 189px; - height: 64px; - border-radius: 8px; - border: 1px solid #337FFF; - display: flex; - - .redceBox { - width: 64px; - height: 64px; - border-radius: 8px 0px 0px 8px; - border-right: 1px solid #337FFF; - display: flex; - align-items: center; - justify-content: center; - - .reduce { - width: 20px; - height: 2px; - background: #337FFF; - } - } - - .inputBig { - width: 61px; - height: 64px; - display: flex; - align-items: center; - justify-content: center; - text-align: center; - font-size: 24px; - font-weight: 400; - color: #337FFF; - } - - .addBox { - width: 64px; - height: 64px; - border-left: 1px solid #337FFF; - display: flex; - align-items: center; - justify-content: center; - font-size: 40px; - color: #337FFF; - } - } - } + .itemNums { + font-size: 28px; + font-weight: 400; + color: #000000; } + } - - } - - .itemGoods:last-child { - margin-top: 24px; + .item_right_Bottom { display: flex; + align-items: flex-end; + justify-content: space-between; - .itemPic { - margin-left: 32px; - margin-right: 42px; - width: 108px; - height: 108px; - // background: #322F2F; - border-radius: 8px; + .itemMoney { + font-size: 28px; + font-weight: 400; + color: #000000; } - .itemRight { - padding-bottom: 24px; - width: 495px; - border-bottom: none; - - .item_right_top { - margin-bottom: 41px; - display: flex; - align-items: center; - justify-content: space-between; - - .itemName { - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #000000; - } - - .itemNums { - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #000000; - } - } - - .item_right_Bottom { - display: flex; - align-items: center; - justify-content: space-between; - - .itemMoney { - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #000000; - } - - .itemMoneyOne { - font-size: 28px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #000000; - } - - .btn { - width: 120px; - height: 64px; - border-radius: 8px; - border: 1px solid #337FFF; - font-size: 28px; - font-weight: 400; - color: #337FFF; - text-align: center; - line-height: 64px; - } - - .btnOne { - width: 204px; - height: 64px; - border-radius: 8px; - border: 1px solid #337FFF; - font-size: 28px; - font-weight: 400; - color: #337FFF; - text-align: center; - line-height: 64px; - } - } + .itemMoneyOne { + font-size: 28px; + font-weight: 500; + color: #000000; } + .btn { + width: 120px; + height: 64px; + border-radius: 8px; + border: 1px solid #337fff; + font-size: 28px; + font-weight: 400; + color: #337fff; + text-align: center; + line-height: 64px; + } + .btnOne { + width: 204px; + height: 64px; + border-radius: 8px; + border: 1px solid #337fff; + font-size: 28px; + font-weight: 400; + color: #337fff; + text-align: center; + line-height: 64px; + } + + .inputBox { + width: 189px; + height: 64px; + border-radius: 8px; + border: 1px solid #337fff; + display: flex; + + .redceBox { + width: 64px; + height: 64px; + border-radius: 8px 0px 0px 8px; + border-right: 1px solid #337fff; + display: flex; + align-items: center; + justify-content: center; + + .reduce { + width: 20px; + height: 2px; + background: #337fff; + } + } + + .inputBig { + width: 61px; + height: 64px; + display: flex; + align-items: center; + justify-content: center; + text-align: center; + font-size: 24px; + font-weight: 400; + color: #337fff; + } + + .addBox { + width: 64px; + height: 64px; + border-left: 1px solid #337fff; + display: flex; + align-items: center; + justify-content: center; + font-size: 40px; + color: #337fff; + } + } + } } + } + + .itemGoods:last-child { + margin-top: 24px; + display: flex; + + .itemPic { + margin-left: 32px; + margin-right: 42px; + width: 108px; + height: 108px; + // background: #322F2F; + border-radius: 8px; + } + + .itemRight { + padding-bottom: 24px; + width: 495px; + border-bottom: none; + + .item_right_top { + display: flex; + align-items: center; + justify-content: space-between; + + .itemName { + font-size: 28px; + font-weight: 400; + color: #000000; + } + + .itemNums { + font-size: 28px; + font-weight: 400; + color: #000000; + } + } + + .item_right_Bottom { + display: flex; + align-items: flex-end; + justify-content: space-between; + + .itemMoney { + font-size: 28px; + font-weight: 400; + color: #000000; + } + + .itemMoneyOne { + font-size: 28px; + font-weight: 500; + color: #000000; + } + + .btn { + width: 120px; + height: 64px; + border-radius: 8px; + border: 1px solid #337fff; + font-size: 28px; + font-weight: 400; + color: #337fff; + text-align: center; + line-height: 64px; + } + + .btnOne { + width: 204px; + height: 64px; + border-radius: 8px; + border: 1px solid #337fff; + font-size: 28px; + font-weight: 400; + color: #337fff; + text-align: center; + line-height: 64px; + } + } + } + } } .goodsBox { - border-bottom: none; + border-bottom: none; } - - .hasSelect { - margin-left: 32px; - margin-right: 32px; - height: 54px; - background: #FEF9F4; - border-radius: 8px; - display: flex; - align-items: center; - font-size: 24px; - font-weight: 600; - color: #F79B31; - padding-left: 20px; - margin-bottom: 24px; + margin-left: 32px; + margin-right: 32px; + height: 54px; + background: #fef9f4; + border-radius: 8px; + display: flex; + align-items: center; + font-size: 24px; + font-weight: 600; + color: #f79b31; + padding-left: 20px; + margin-bottom: 24px; } .resonBig { - overflow: hidden; - margin: 0 24px; - background: #FFFFFF; - border-radius: 16px 16px 0px 0px; + overflow: hidden; + margin: 0 24px; + background: #ffffff; + border-radius: 16px 16px 0px 0px; - - .reasonItem { - display: flex; - align-items: center; - border-bottom: 1px solid #f7f7f7; - margin: 32px; - padding-bottom: 32px; - justify-content: space-between; - - .reasonLeft { - display: flex; - align-items: center; - - .reasonFont { - font-size: 28px; - font-weight: 500; - color: #000000; - } - - .xing { - font-size: 28px; - font-weight: 500; - color: #E42945; - } - - .selectFont { - font-size: 28px; - font-weight: 400; - color: #000000; - margin-left: 40px; - } - } - - .chakanquanbukehu { - font-size: 50px; - } - } - - .picBig { - display: flex; - margin-top: 32px; - display: flex; - padding-bottom: 32px; - - .picFont { - width: 130px; - font-size: 28px; - font-weight: 500; - color: #000000; - margin-left: 32px; - } - - // .rightPic { - // margin-right: 32px; - // } - } -} - -.descBox { - padding: 24px 0px 24px 0px; + .reasonItem { + display: flex; + align-items: center; + border-bottom: 1px solid #f7f7f7; margin: 32px; - background: #FFFFFF; - border-radius: 16px 16px 0px 0px; + padding-bottom: 32px; + justify-content: space-between; - .title { + .reasonLeft { + display: flex; + align-items: center; + + .reasonFont { font-size: 28px; font-weight: 500; color: #000000; - // margin-top: 24px; - margin-left: 32px; - } + } - .textBox { - padding-top: 15px; - padding-left: 24px; - padding-right: 24px; - padding-bottom: 24px; - margin-right: 32px; - margin-top: 24px; - margin-left: 32px; - height: 210px; - background: #f6f6f6; - border-radius: 8px; + .xing { + font-size: 28px; + font-weight: 500; + color: #e42945; + } + + .selectFont { font-size: 28px; font-weight: 400; color: #000000; - // margin-bottom: 32px; + margin-left: 40px; + } } + .chakanquanbukehu { + font-size: 50px; + } + } + .picBig { + display: flex; + margin-top: 32px; + display: flex; + padding-bottom: 32px; + + .picFont { + width: 130px; + font-size: 28px; + font-weight: 500; + color: #000000; + margin-left: 32px; + } + + // .rightPic { + // margin-right: 32px; + // } + } +} + +.descBox { + padding: 24px 0px 24px 0px; + margin: 32px; + background: #ffffff; + border-radius: 16px 16px 0px 0px; + + .title { + font-size: 28px; + font-weight: 500; + color: #000000; + // margin-top: 24px; + margin-left: 32px; + } + + .textBox { + padding-top: 15px; + padding-left: 24px; + padding-right: 24px; + padding-bottom: 24px; + margin-right: 32px; + margin-top: 24px; + margin-left: 32px; + height: 210px; + background: #f6f6f6; + border-radius: 8px; + font-size: 28px; + font-weight: 400; + color: #000000; + // margin-bottom: 32px; + } } .bottomBox { + width: 750px; + height: 160px; + background: #ffffff; + position: fixed; + bottom: 0; + z-index: 99; + display: flex; + padding-top: 16px; + justify-content: space-between; + + .resetBox { + margin-left: 48px; + width: 311px; + height: 80px; + border-radius: 44px; + border: 1px solid #087eff; + font-size: 28px; + font-weight: 500; + color: #337fff; + text-align: center; + line-height: 80px; + background-color: #fff; + } + + .button { + margin-right: 32px; + width: 311px; + height: 80px; + background: #68b4ff; + border-radius: 44px; + font-size: 32px; + font-weight: 500; + color: #ffffff; + text-align: center; + line-height: 80px; + } + + .activeButton { + margin-right: 32px; + width: 311px; + height: 80px; + background: #337fff; + border-radius: 44px; + font-size: 32px; + font-weight: 500; + color: #fff; + text-align: center; + line-height: 80px; + } +} + +.safeBox { + height: 160px; + width: 100%; +} + +.popupBox { + height: 500px; + padding-bottom: env(safe-area-inset-bottom); + + .thirdBox { + margin-top: 20px; + padding-left: 48px; + + .thirdTopfont { + font-size: 28px; + font-weight: 500; + color: #000000; + } + + .timeBox2 { + margin-top: 24px; + background-color: #f6f6f6; + height: 68px; + background: #e9e9e9; + border-radius: 8px; + margin-right: 48px; + text-align: center; + line-height: 68px; + position: relative; + font-size: 28px; + font-weight: 400; + color: #000000; + + .more { + position: absolute; + right: 30px; + top: 5px; + font-size: 40px; + } + } + + .flexModebox { + margin-top: 24px; + display: flex; + flex-wrap: wrap; + + .activemodeBox { + margin-bottom: 16px; + margin-right: 16px; + // width: 152px; + // height: 68px; + padding: 17px 34px 17px 34px; + background: rgba(51, 127, 255, 0.1); + border-radius: 8px; + font-size: 28px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #337fff; + text-align: center; + // line-height: 68px; + border: 1px solid #337fff; + box-sizing: border-box; + } + + .modeBox { + margin-bottom: 16px; + margin-right: 16px; + padding: 17px 34px 17px 34px; + // width: 152px; + // height: 68px; + background: #f6f6f6; + border-radius: 8px; + font-size: 28px; + font-family: PingFangSC-Regular, PingFang SC; + font-weight: 400; + color: #000000; + border: 1px solid #f6f6f6; + text-align: center; + // line-height: 68px; + box-sizing: border-box; + // opacity: 0.4; + } + } + } + + .bottomBox1 { width: 750px; height: 160px; - background: #FFFFFF; + background: #ffffff; position: fixed; bottom: 0; z-index: 99; @@ -383,204 +499,53 @@ padding-top: 16px; justify-content: space-between; - .resetBox { - margin-left: 48px; - width: 311px; - height: 80px; - border-radius: 44px; - border: 1px solid #087EFF; - font-size: 28px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #337FFF; - text-align: center; - line-height: 80px; - background-color: #fff; + .resetBox1 { + margin-left: 48px; + width: 311px; + height: 80px; + border-radius: 44px; + border: 1px solid #087eff; + font-size: 28px; + font-weight: 500; + color: #337fff; + text-align: center; + line-height: 80px; + background-color: #fff; } - .button { - margin-right: 32px; - width: 311px; - height: 80px; - background: #68b4ff; - border-radius: 44px; - font-size: 32px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #FFFFFF; - text-align: center; - line-height: 80px; + .button1 { + margin-right: 32px; + width: 311px; + height: 80px; + background: #68b4ff; + border-radius: 44px; + font-size: 32px; + font-weight: 500; + color: #ffffff; + text-align: center; + line-height: 80px; } - .activeButton { - margin-right: 32px; - width: 311px; - height: 80px; - background: #337FFF; - border-radius: 44px; - font-size: 32px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #fff; - text-align: center; - line-height: 80px; + .activeButton1 { + margin-right: 32px; + width: 311px; + height: 80px; + background: #337fff; + border-radius: 44px; + font-size: 32px; + font-weight: 500; + color: #fff; + text-align: center; + line-height: 80px; } -} + } -.safeBox { + .safeBoxs { height: 160px; - width: 100%; + } + + // .areaBox { + // height: calc($customTabBarHeight + env(safe-area-inset-bottom)); + // width: 100%; + // } } - -.popupBox { - height: 500px; - padding-bottom: env(safe-area-inset-bottom); - - - - - .thirdBox { - margin-top: 20px; - padding-left: 48px; - - .thirdTopfont { - font-size: 28px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #000000; - } - - .timeBox2 { - margin-top: 24px; - background-color: #f6f6f6; - height: 68px; - background: #E9E9E9; - border-radius: 8px; - margin-right: 48px; - text-align: center; - line-height: 68px; - position: relative; - font-size: 28px; - font-weight: 400; - color: #000000; - - .more { - position: absolute; - right: 30px; - top: 5px; - font-size: 40px; - } - } - - .flexModebox { - margin-top: 24px; - display: flex; - flex-wrap: wrap; - - .activemodeBox { - margin-bottom: 16px; - margin-right: 16px; - // width: 152px; - // height: 68px; - padding: 17px 34px 17px 34px; - background: rgba(51, 127, 255, 0.1); - border-radius: 8px; - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #337FFF; - text-align: center; - // line-height: 68px; - border: 1px solid #337FFF; - box-sizing: border-box; - } - - .modeBox { - margin-bottom: 16px; - margin-right: 16px; - padding: 17px 34px 17px 34px; - // width: 152px; - // height: 68px; - background: #f6f6f6; - border-radius: 8px; - font-size: 28px; - font-family: PingFangSC-Regular, PingFang SC; - font-weight: 400; - color: #000000; - border: 1px solid #f6f6f6; - text-align: center; - // line-height: 68px; - box-sizing: border-box; - // opacity: 0.4; - } - } - - - } - - - - .bottomBox1 { - width: 750px; - height: 160px; - background: #FFFFFF; - position: fixed; - bottom: 0; - z-index: 99; - display: flex; - padding-top: 16px; - justify-content: space-between; - - .resetBox1 { - margin-left: 48px; - width: 311px; - height: 80px; - border-radius: 44px; - border: 1px solid #087EFF; - font-size: 28px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #337FFF; - text-align: center; - line-height: 80px; - background-color: #fff; - } - - .button1 { - margin-right: 32px; - width: 311px; - height: 80px; - background: #68b4ff; - border-radius: 44px; - font-size: 32px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #FFFFFF; - text-align: center; - line-height: 80px; - } - - .activeButton1 { - margin-right: 32px; - width: 311px; - height: 80px; - background: #337FFF; - border-radius: 44px; - font-size: 32px; - font-family: PingFangSC-Medium, PingFang SC; - font-weight: 500; - color: #fff; - text-align: center; - line-height: 80px; - } - } - - .safeBoxs { - height: 160px; - } - - // .areaBox { - // height: calc($customTabBarHeight + env(safe-area-inset-bottom)); - // width: 100%; - // } -} \ No newline at end of file diff --git a/src/pages/applyGoods/index.tsx b/src/pages/applyGoods/index.tsx index 33ddef5..84af296 100644 --- a/src/pages/applyGoods/index.tsx +++ b/src/pages/applyGoods/index.tsx @@ -1,4 +1,4 @@ -import { Button, Image, Input, ScrollView, Text, Textarea, View } from '@tarojs/components' +import { Button, CoverView, Image, Input, ScrollView, Text, Textarea, View } from '@tarojs/components' import Taro, { faceVerifyForPay, useDidShow, useRouter } from '@tarojs/taro' import { ReactNode, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react' import classnames from 'classnames' @@ -13,6 +13,10 @@ import { } from '@/api/order' import Popup from '@/components/popup' import UploadImage from '@/components/uploadImage' +import IconFont from '@/components/iconfont/iconfont' +import Divider from '@/components/divider' +import SaleModeTag from '@/components/saleModeTag' +import LabAndImg from '@/components/LabAndImg' // 产品商品元素 interface PropGoods { @@ -38,20 +42,34 @@ const GoodsItem = (porps: PropGoods) => { // setValue({ count: res }) // } // } - + const labAndImgObj = useCallback( + (item) => { + return { lab: item.lab, rgb: item.rgb, texture_url: item.texture_url } + }, + [list], + ) return ( <> { list.map((item, index) => { return ( - {item.product_code}# {item.product_name} - + + + + {item.product_code}# {item.product_name} + + + + { item.av_product_color.map((it, inx) => { return ( - + + + + {/* */} {/* */} @@ -564,7 +582,8 @@ const ApplyGoods = () => { queryRef.current.reasonName !== '请选择' && {Query.reasonName}/{Query.reasonNameTwo} } - + + {/* */} { setDescPopup?.(true) }}> @@ -577,7 +596,8 @@ const ApplyGoods = () => { queryRef.current.GoodStatusName !== '请选择' && {Query.GoodStatusName} } - + + {/* */} 拍照上传 @@ -587,12 +607,14 @@ const ApplyGoods = () => { 其他说明 + {/* 解决textarea的placeholder层级穿透的问题（偶现问题） */} + {/* https://developers.weixin.qq.com/community/develop/article/doc/0004eea3024e7075653a30bb05ac13?highline=Textarea%20 */}