🌈 style:修改样式

This commit is contained in:
Haiyi
2022-11-01 17:25:53 +08:00
parent 159e0b9d56
commit 15dfae35fa
10 changed files with 237 additions and 82 deletions
+12 -6
View File
@@ -320,15 +320,21 @@ page {
position: fixed;
bottom: 0;
padding-bottom: 24px;
// position: relative;
.moreFont {
font-size: 28px;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
margin-left: 48px;
// position: relative;
.moreFontBox {
width: 200px;
.moreFont {
font-size: 28px;
font-weight: 400;
color: rgba(0, 0, 0, 0.8);
margin-left: 48px;
}
}
.posssBox {
position: absolute;
left: 32px;
+40 -14
View File
@@ -596,6 +596,21 @@ export default () => {
}
}, [infoObj])
const BottomBtnsRef = useRef<any>()
const [showOther, setshowOther] = useState(false)
const testOther = useMemo(() => {
Taro.nextTick(() => {
if (BottomBtnsRef.current?.itemNums >= 2) {
setshowOther(true)
return true
} else {
setshowOther(false)
return false
}
})
}, [infoObj])
return (
<View className={styles.mainBox}>
{(infoObj?.status != 10 && <OrderState orderInfo={infoObj} />)}
@@ -680,27 +695,38 @@ export default () => {
<View className={styles.safeBottom}></View>
<View className={styles.bottomBox}>
{
!showMore && <View className={styles.moreFont} onClick={() => setShowMore(true)}>更多</View>
}
{
showMore && <View className={styles.moreFont} onClick={() => setShowMore(false)}>关闭</View>
}
{
showMore && <View className={styles.posssBox}>
<BottomApply
obj={infoObj}
handApplyGoods={() => handApplyGood?.()}
handApplyMoney={() => handApplyMoney?.()}
></BottomApply>
</View>
showOther &&
<>
{
!showMore && <View className={styles.moreFontBox}> <View className={styles.moreFont} onClick={() => setShowMore(true)}>更多</View></View>
}
{
showMore && <View className={styles.moreFontBox}> <View className={styles.moreFont} onClick={() => setShowMore(false)}>关闭</View></View>
}
{
showMore && <View className={styles.posssBox}>
<BottomApply
obj={infoObj}
handApplyGoods={() => handApplyGood?.()}
handApplyMoney={() => handApplyMoney?.()}
></BottomApply>
</View>
}
</>
}
<BottomBtns
ref={BottomBtnsRef}
showDetail
obj={infoObj}
showTuiGoods
cancle={(e) => cancle?.(e, infoObj)}
nextBuy={(e) => nextBuy?.(e, infoObj)}
toPay={(e) => toPay?.(e, infoObj)}
handSureGoods={() => handSureGoods?.()}
handApplyGoods={() => handApplyGood?.()}
handApplyMoney={() => handApplyMoney?.()}
></BottomBtns>
</View>
<PayPopup
@@ -715,7 +741,7 @@ export default () => {
picUrl={picUrl}
></PayPopup>
<OfflinePay showKong={false} show={showOffline} onClose={() => setShowOffine(false)} offlineInfo={infoObj}></OfflinePay>
</View>
</View >
)
}
@@ -6,8 +6,8 @@
flex-direction: column;
.pic {
width: 322px;
height: 322px;
width: 522px;
height: 322px;
background: #fff;
// opacity: 0.3;
margin-bottom: 24px;
+4
View File
@@ -5,6 +5,10 @@ page {
.main {
background: #ffff;
.topBox {
padding-left: 24px;
}
.cancelFont {
width: 76px;
font-size: 28px;
+5 -3
View File
@@ -350,9 +350,11 @@ export default memo(() => {
}
return (
<View className={styles.main}>
<Search placeholder='请输入搜索布料' defaultValue={defaultvalue} showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
<View className={styles.cancelFont} onClick={() => back()}>取消</View>
</Search>
<View className={styles.topBox}>
<Search placeholder='请输入搜索布料' defaultValue={defaultvalue} showBtn={false} changeOnSearch={getSearchData} debounceTime={300} >
<View className={styles.cancelFont} onClick={() => back()}>取消</View>
</Search>
</View>
<View className={styles.line}></View>
{
!hasFonts && <>