feat:h5样式问题

This commit is contained in:
Haiyi 2022-10-17 14:07:11 +08:00
parent 94b609039d
commit 2b00271d71
6 changed files with 61 additions and 18 deletions

View File

@ -1,4 +1,5 @@
.addBox {
height: 556px;
margin: 24px;
padding: 0px 32px 40px 32px;
background: #FFFFFF;
@ -6,12 +7,13 @@
transition: 0.3s;
}
.addBox:hover {
.activeBox {
transition: 0.3s;
height: 1000px;
margin: 24px;
padding: 0px 32px 40px 32px;
background: #FFFFFF;
border-radius: 16px 16px 0px 0px;
transition: 0.3s;
}
.textAreaBox {

View File

@ -1,19 +1,12 @@
import { View, Input, Button, Textarea } from '@tarojs/components'
import { useCallback, useEffect, useMemo, useRef, useState, } from 'react'
import Search from '@/components/search'
import { dataLoadingStatus, getFilterData } from '@/common/util'
import styles from "./index.module.scss"
import classnames from "classnames";
import Popup from '@/components/popup'
import InfiniteScroll from '@/components/infiniteScroll'
import Taro, { faceVerifyForPay, useDidShow } from '@tarojs/taro'
import Taro, { useDidShow } from '@tarojs/taro'
import Form from './components/form'
import { formatDateTime, formatHashTag, formatImgUrl, formatPriceDiv, formatWeightDiv } from '@/common/format'
import {
mpcashManagementOrderpost, mpshouldCollectOrderpurchaser
} from "@/api/newCollection"
import TimePicker from "@/components/timePicker"
import dayjs from 'dayjs'
import { alert } from "@/common/common"
import smallToBig from '@/common/money'
import IconFont from '@/components/iconfont/iconfont'
@ -193,7 +186,7 @@ export default () => {
}, [IsOpen])
return (
<>
<View className={styles.addBox}>
<View className={classnames(IsOpen === false ? styles.addBox : styles.activeBox)}>
<Form
isOpen={true}
title={'客户名称'}

View File

@ -572,4 +572,7 @@
// height: calc($customTabBarHeight + env(safe-area-inset-bottom));
// width: 100%;
// }
.safeBoxs {
height: 100px;
}
}

View File

@ -78,7 +78,7 @@ export default () => {
item.av_product_color.map(it => {
if (it.sale_order_detail_id === val.sale_order_detail_id) {
if (val.nums === 1) {
it.isTui = false
// it.isTui = false
it.nums = 1
} else {
it.nums--
@ -95,6 +95,27 @@ export default () => {
item.av_product_color.map(it => {
if (it.sale_order_detail_id === val.sale_order_detail_id) {
if (Number(e.detail.value) < 1) {
it.nums = ''
} else {
it.nums = Number(e.detail.value)
}
if (Number(e.detail.value) > it.roll) {
it.nums = 1
}
}
return it
})
})
setListArr([...ListArr])
}
const onBlur = (e, val) => {
ListArr.forEach(item => {
item.av_product_color.map(it => {
if (it.sale_order_detail_id === val.sale_order_detail_id) {
if (Number(e.detail.value) < 1 || e.detail.value == '') {
it.isTui = false
it.nums = 1
} else {
it.nums = Number(e.detail.value)
@ -439,7 +460,7 @@ export default () => {
obj={infoObj}
handTui={(item) => handTui(item)}
handCancel={(item) => handCancel(item)}
// onBlur={(e, item) => onBlur(e, item)}
onBlur={(e, item) => onBlur(e, item)}
handReduce={(item) => handReduce(item)}
handAdd={(item) => handAdd(item)}
onInputEven={(e, item) => onInputEven(e, item)}
@ -545,7 +566,7 @@ export default () => {
}
</View>
</View>
<View style={{ height: '100rpx' }}></View>
<View className={styles.safeBoxs} ></View>
<View className={styles.bottomBox1}>
<Button className={styles.resetBox1} onClick={() => { handResetStatus() }}> </Button >

View File

@ -553,4 +553,7 @@
// height: calc($customTabBarHeight + env(safe-area-inset-bottom));
// width: 100%;
// }
.safeBoxs {
height: 100px;
}
}

View File

@ -78,7 +78,7 @@ export default () => {
item.av_product_color.map(it => {
if (it.sale_order_detail_id === val.sale_order_detail_id) {
if (val.nums === 1) {
it.isTui = false
// it.isTui = false
it.nums = 1
} else {
it.nums--
@ -94,7 +94,28 @@ export default () => {
ListArr.forEach(item => {
item.av_product_color.map(it => {
if (it.sale_order_detail_id === val.sale_order_detail_id) {
if (Number(e.detail.value) < 1) {
if (Number(e.detail.value) < 1 || e.detail.value == '') {
it.isTui = false
it.nums = 1
} else {
it.nums = Number(e.detail.value)
}
if (Number(e.detail.value) > it.roll) {
it.nums = 1
}
}
return it
})
})
setListArr([...ListArr])
}
const onBlur = (e, val) => {
ListArr.forEach(item => {
item.av_product_color.map(it => {
if (it.sale_order_detail_id === val.sale_order_detail_id) {
if (Number(e.detail.value) < 1 || e.detail.value == '') {
it.isTui = false
it.nums = 1
} else {
it.nums = Number(e.detail.value)
@ -334,7 +355,7 @@ export default () => {
obj={infoObj}
handTui={(item) => handTui(item)}
handCancel={(item) => handCancel(item)}
// onBlur={(e, item) => onBlur(e, item)}
onBlur={(e, item) => onBlur(e, item)}
handReduce={(item) => handReduce(item)}
handAdd={(item) => handAdd(item)}
onInputEven={(e, item) => onInputEven(e, item)}
@ -399,7 +420,7 @@ export default () => {
}
</View>
</View>
<View style={{ height: '100rpx' }}></View>
<View className={styles.safeBoxs} ></View>
<View className={styles.bottomBox1}>
<Button className={styles.resetBox1} onClick={() => { handReset() }}> </Button >