🌈 style(【ID:1000663】):修改部分样式

This commit is contained in:
Haiyi 2022-11-09 16:28:07 +08:00
parent 41467256b0
commit 6ed3f7456b
26 changed files with 137 additions and 53 deletions

View File

@ -123,7 +123,6 @@ const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
<Text className="address-list-phone">{item.phone}</Text> <Text className="address-list-phone">{item.phone}</Text>
{ {
item.is_default && <Text className="address-list-default"></Text> item.is_default && <Text className="address-list-default"></Text>
} }
</View> </View>
<View className="address-list-bottom"> <View className="address-list-bottom">

View File

@ -165,11 +165,11 @@ export default memo(forwardRef((props: prosObj, ref) => {
<View className={style.flexBox}> <View className={style.flexBox}>
{ {
(showTuihuo && showDetail && itemNums === 0) && <View className={style.nextBuy} onClick={() => handApplyGoods?.()}>退</View> (showTuihuo && showDetail && itemNums < 4) && <View className={style.nextBuy} onClick={() => handApplyGoods?.()}>退</View>
} }
{ {
(showTuikuan && showDetail && itemNums === 0) && <View className={style.nextBuy} onClick={() => handApplyMoney?.()}>退</View> (showTuikuan && showDetail && itemNums < 4) && <View className={style.nextBuy} onClick={() => handApplyMoney?.()}>退</View>
} }
{ {

View File

@ -1,6 +1,18 @@
.address_main { .address_main {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
position: relative;
.sure {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #337FFF;
position: absolute;
top: 35px;
right: 40px;
}
.address_title { .address_title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@ -8,43 +20,56 @@
padding: 20px; padding: 20px;
padding-bottom: 0; padding-bottom: 0;
} }
.address_select { .address_select {
display: flex; display: flex;
padding: 30px 0; padding: 30px 0;
margin-top: 10px; margin-top: 10px;
font-size: $font_size_medium; font-size: $font_size_medium;
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;
color: $color_font_two; color: #337fff;
position: relative; position: relative;
.address_item { .address_item {
padding: 0 20px; padding: 0 20px;
max-width: 200px; max-width: 200px;
@include common_ellipsis() @include common_ellipsis()
} }
.bottom_index { .bottom_index {
width: 100px; width: 88px;
height: 2px; height: 6px;
border-radius: 50px; background: #337FFF;
background-color:$color_main; border-radius: 3px;
// width: 100px;
// height: 2px;
// border-radius: 50px;
// background-color: $color_main;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
transition: left 0.1s; transition: left 0.1s;
} }
} }
.address_scroll { .address_scroll {
height: 600px; height: 600px;
.address_scroll_list { .address_scroll_list {
padding: 0 20px; padding: 0 20px;
font-size: $font_size; font-size: $font_size;
.address_list_item { .address_list_item {
padding: 20px 0; padding: 20px 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
border-bottom: 1px solid #f5f5f5;
.address_list_item_name { .address_list_item_name {
@include common_ellipsis() @include common_ellipsis()
} }
.address_iconfont { .address_iconfont {
font-size: 30px !important; font-size: 30px !important;
color: $color_main; color: $color_main;
@ -53,7 +78,8 @@
} }
} }
.addresst_select { .addresst_select {
color:$color_font_one; color: #337fff;
} }
} }

View File

@ -187,10 +187,11 @@ export default memo(({
<> <>
<Drawer showTitle={false} show={show} onClose={submitSelect}> <Drawer showTitle={false} show={show} onClose={submitSelect}>
<View className={styles.address_main}> <View className={styles.address_main}>
<View className={styles.address_title}> {/* <View className={styles.address_title}>
<View onClick={() => addressOnClose?.()}></View> <View onClick={() => addressOnClose?.()}></View>
<View onClick={() => submitSelect()}></View> <View onClick={() => submitSelect()}></View>
</View> </View> */}
<View className={styles.sure} onClick={() => submitSelect()}></View>
<View className={styles.address_select}> <View className={styles.address_select}>
<View id="address_tab_0" onClick={() => selectTab(0)} className={classnames(styles.address_item, { [styles.addresst_select]: (selectIndex == 0) })}>{selectArr[0] ? selectArr[0].name : '请选择'}</View> <View id="address_tab_0" onClick={() => selectTab(0)} className={classnames(styles.address_item, { [styles.addresst_select]: (selectIndex == 0) })}>{selectArr[0] ? selectArr[0].name : '请选择'}</View>
{cityStatus && <View id="address_tab_1" onClick={() => selectTab(1)} className={classnames(styles.address_item, { [styles.addresst_select]: (selectIndex == 1) })}>{selectArr[1] ? selectArr[1].name : '请选择'}</View>} {cityStatus && <View id="address_tab_1" onClick={() => selectTab(1)} className={classnames(styles.address_item, { [styles.addresst_select]: (selectIndex == 1) })}>{selectArr[1] ? selectArr[1].name : '请选择'}</View>}
@ -207,6 +208,10 @@ export default memo(({
{(selectArr[selectIndex]?.id == item.id) && {(selectArr[selectIndex]?.id == item.id) &&
<IconFont name={'icon-lujing'} color={'#327fff'} size={30}></IconFont> <IconFont name={'icon-lujing'} color={'#327fff'} size={30}></IconFont>
} }
{
(selectArr[selectIndex]?.id !== item.id) &&
<IconFont name={'icon-chakanquanbukehu'} color={'#d8d8d8'} size={30}></IconFont>
}
</View> </View>
) )
})} })}

View File

@ -53,7 +53,7 @@
.miconfont_close { .miconfont_close {
width: 43px; width: 43px;
height: 43px; height: 43px;
background-color: #ccc; background-color: #7f7f7f;
border-radius: 50%; border-radius: 50%;
position: absolute; position: absolute;
right: -10px; right: -10px;

View File

@ -25,6 +25,12 @@
// margin-right: 50px; // margin-right: 50px;
} }
.placeholderStyle {
color: #f7f7f7;
font-size: 28px;
font-weight: 400;
}
.inputClass { .inputClass {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;
@ -57,6 +63,12 @@
// padding-right: 25px; // padding-right: 25px;
} }
.placeholderStyle {
color: #f7f7f7;
font-size: 28px;
font-weight: 400;
}
.inputClass { .inputClass {
font-size: 28px; font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC; font-family: PingFangSC-Regular, PingFang SC;

View File

@ -8,6 +8,7 @@ import styles from "./index.module.scss"
import classnames from "classnames"; import classnames from "classnames";
import { mppurchaseraddress, mppurchaseraddressget, mppurchaseraddressput, mppurchaseraddressdelect } from '@/api/addressList' import { mppurchaseraddress, mppurchaseraddressget, mppurchaseraddressput, mppurchaseraddressdelect } from '@/api/addressList'
import { getFilterData } from '@/common/util' import { getFilterData } from '@/common/util'
import IconFont from '@/components/iconfont/iconfont'
export default () => { export default () => {
const [itemList, setItemList] = useState<any[]>( const [itemList, setItemList] = useState<any[]>(
@ -286,6 +287,7 @@ export default () => {
} }
</View> </View>
<Input <Input
placeholderStyle={styles.placeholderStyle}
maxlength={item.maxLength ? 11 : 100} maxlength={item.maxLength ? 11 : 100}
onInput={(e) => changeInput(e, item)} onInput={(e) => changeInput(e, item)}
type={item.type} type={item.type}
@ -295,8 +297,10 @@ export default () => {
placeholder={item.placeholderFont} placeholder={item.placeholderFont}
value={item.value} value={item.value}
className={styles.inputClass} className={styles.inputClass}
placeholderStyle='font-size: 28rpx;color: #000000;'
></Input> ></Input>
{
item.type === 'select' && <IconFont name={'icon-chakanquanbukehu'} color={'#000000'} size={40}></IconFont>
}
</View> </View>
) )
})} })}

View File

@ -3,8 +3,8 @@
border-bottom: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7;
display: flex; display: flex;
// align-items: center; // align-items: center;
padding-top: 40px; padding-top: 30px;
padding-bottom: 40px; padding-bottom: 30px;
.itemLeft { .itemLeft {
@ -83,13 +83,6 @@
font-size: 50px !important; font-size: 50px !important;
} }
.shu {
width: 2px;
height: 36px;
background: #000000;
opacity: 0.2;
margin-left: 24px;
}
.saomiao { .saomiao {
margin-left: 24px; margin-left: 24px;
@ -99,4 +92,13 @@
} }
} }
.shu {
width: 2px;
height: 36px;
background: #000000;
opacity: 0.2;
margin-left: 24px;
margin-right: 24px;
}
} }

View File

@ -40,7 +40,6 @@ export default memo((pros: Params) => {
pros.isOpen && <View className={styles.itemBox} pros.isOpen && <View className={styles.itemBox}
style={{ justifyContent: `${pros.styleNone ? 'space-between' : ''}`, alignItems: `${pros.styleNone ? 'center' : ''}` }}> style={{ justifyContent: `${pros.styleNone ? 'space-between' : ''}`, alignItems: `${pros.styleNone ? 'center' : ''}` }}>
<View className={styles.itemLeft} <View className={styles.itemLeft}
> >
<View className={styles.finkFlex}> <View className={styles.finkFlex}>
<View className={styles.itemTitle}>{pros.title}</View> <View className={styles.itemTitle}>{pros.title}</View>

View File

@ -37,7 +37,7 @@
display: flex; display: flex;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;
color: #000000; color: grey;
} }
@ -67,6 +67,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button { .button {

View File

@ -395,6 +395,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button { .button {
@ -538,6 +539,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button1 { .button1 {

View File

@ -376,6 +376,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button { .button {
@ -519,6 +520,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button1 { .button1 {

View File

@ -3,8 +3,8 @@
border-bottom: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7;
display: flex; display: flex;
// align-items: center; // align-items: center;
padding-top: 40px; padding-top: 30px;
padding-bottom: 40px; padding-bottom: 30px;
.itemLeft { .itemLeft {

View File

@ -19,14 +19,14 @@
.itemFont { .itemFont {
font-size: 28px; font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold; font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700; font-weight: 400;
color: #000000; color: #000000;
} }
.activeItems { .activeItems {
font-size: 28px; font-size: 28px;
font-family: Microsoft YaHei, Microsoft YaHei-Regular; font-family: Microsoft YaHei, Microsoft YaHei-Regular;
font-weight: 400; font-weight: 700;
color: #337FFF; color: #337FFF;
} }

View File

@ -83,6 +83,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button { .button {

View File

@ -100,7 +100,7 @@
.pos { .pos {
position: absolute; position: absolute;
top: 25px; top: 35px;
right: 24px; right: 24px;
font-size: 28px; font-size: 28px;
font-weight: 400; font-weight: 400;

View File

@ -2,7 +2,7 @@
margin-bottom: 40px; margin-bottom: 40px;
display: flex; display: flex;
align-items: center; align-items: center;
padding-bottom: 40px; padding-bottom: 20px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
.leftItem { .leftItem {

View File

@ -2,6 +2,7 @@
margin: 24px; margin: 24px;
background: #fff; background: #fff;
padding: 40px 32px 40px 32px; padding: 40px 32px 40px 32px;
border-radius: 16px;
.flexBox { .flexBox {
display: flex; display: flex;
@ -116,6 +117,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button2 { .button2 {

View File

@ -106,6 +106,8 @@ export default memo(forwardRef((props: Props, ref) => {
}) })
setcityList([...res.data.list]) setcityList([...res.data.list])
} }
let provinceArr = list.filter(next => { return next.check })
props.handCity?.(provinceArr, choseCityArr.current.list)
} }

View File

@ -27,7 +27,7 @@ export default memo((props: Props) => {
} }
const time = useMemo(() => { const time = useMemo(() => {
if (props?.sortId == '') { if (props?.sortId == '' || !props?.sortId) {
return props?.obj?.recent_order_time return props?.obj?.recent_order_time
} }
if (props?.sortId == 1 || props?.sortId == -1) { if (props?.sortId == 1 || props?.sortId == -1) {
@ -41,6 +41,21 @@ export default memo((props: Props) => {
} }
}, [props?.sortId]) }, [props?.sortId])
const timeFont = useMemo(() => {
if (props?.sortId == '' || !props?.sortId) {
return '下单时间'
}
if (props?.sortId == 1 || props?.sortId == -1) {
return '下单时间'
}
if (props?.sortId == 2 || props?.sortId == -2) {
return '创建时间'
}
if (props?.sortId == 3 || props?.sortId == -3) {
return '更新时间'
}
}, [props?.sortId])
return ( return (
<View className={styles.mainItem} onClick={() => handNav()}> <View className={styles.mainItem} onClick={() => handNav()}>
<View className={styles.itemTop}> <View className={styles.itemTop}>
@ -75,7 +90,7 @@ export default memo((props: Props) => {
<View className={styles.line}></View> <View className={styles.line}></View>
<View className={styles.flex_bottom}> <View className={styles.flex_bottom}>
<View className={styles.flex_left}>{props.obj.default_address.province_name + props.obj.default_address.city_name + props.obj.default_address.district_name || '暂无'}</View> <View className={styles.flex_left}>{props.obj.default_address.province_name + props.obj.default_address.city_name + props.obj.default_address.district_name || '暂无'}</View>
<View className={styles.flex_right}>{formatDateTime(time) || '暂无'}</View> <View className={styles.flex_right}>{timeFont}{formatDateTime(time) || '暂无'}</View>
</View> </View>
</View > </View >
) )

View File

@ -11,6 +11,12 @@ interface Props {
value?: any value?: any
} }
type ListType = {
name: string,
id: string,
checked: boolean
}
export default memo(forwardRef((props: Props, ref) => { export default memo(forwardRef((props: Props, ref) => {
const DropDownItemRef = useRef<any>() const DropDownItemRef = useRef<any>()
@ -22,7 +28,7 @@ export default memo(forwardRef((props: Props, ref) => {
})) }))
const [list, setlist] = useState<any[]>([ const [list, setlist] = useState<ListType[]>([
{ {
name: '下单时间正序', name: '下单时间正序',
id: '1', id: '1',

View File

@ -22,7 +22,7 @@ export default () => {
{ {
page: number; page: number;
size: number; size: number;
label_ids: any[] | '', label_ids: string,
purchaser_type: number | string, purchaser_type: number | string,
name_phone_or_sale_user: string, name_phone_or_sale_user: string,
province_id: any[] | string, province_id: any[] | string,
@ -108,9 +108,11 @@ export default () => {
cityVal.length && cityVal.forEach(item => { cityVal.length && cityVal.forEach(item => {
cityArr.push(item.id) cityArr.push(item.id)
}) })
console.log(provinceArr, cityArr)
pageNum.current.page = 1 pageNum.current.page = 1
setSearchField((val) => ({ ...val, province_id: provinceArr.length > 0 ? provinceArr : '', city_id: cityArr.length > 0 ? cityArr : '', size: 10 })) let provinceRes = provinceArr?.toString()
let cityRes = cityArr?.toString()
console.log(provinceRes, cityRes)
setSearchField((val) => ({ ...val, province_id: provinceArr.length > 0 ? provinceRes : '', city_id: cityArr.length > 0 ? cityRes : '', size: 10 }))
// ChoseCityRef.current.close() // ChoseCityRef.current.close()
}, []) }, [])
@ -123,13 +125,14 @@ export default () => {
//选择标签 //选择标签
const handTags = useCallback((val) => { const handTags = useCallback((val) => {
const arr: number[] = [] const arr: any[] = []
const arrOne = val.filter(item => { return item.checked }) const arrOne = val.filter(item => { return item.checked })
arrOne.forEach(item => { arrOne.forEach(item => {
arr.push(item.id) arr.push(item.id)
}) })
pageNum.current.page = 1 pageNum.current.page = 1
setSearchField((val) => ({ ...val, size: 10, label_ids: arr.length === 0 ? '' : arr })) let res = arr.toString()
setSearchField((val) => ({ ...val, size: 10, label_ids: arr.length === 0 ? '' : res }))
}, []) }, [])

View File

@ -73,7 +73,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 20px; // margin-bottom: 10px;
.pageTopLeft { .pageTopLeft {
font-size: 24px; font-size: 24px;
@ -203,6 +203,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button { .button {

View File

@ -215,6 +215,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button { .button {

View File

@ -600,7 +600,7 @@ export default () => {
const [showOther, setshowOther] = useState(false) const [showOther, setshowOther] = useState(false)
useMemo(() => { useMemo(() => {
Taro.nextTick(() => { Taro.nextTick(() => {
if (BottomBtnsRef.current?.itemNums >= 3) { if (BottomBtnsRef.current?.itemNums >= 4) {
setshowOther(true) setshowOther(true)
return true return true
} else { } else {

View File

@ -162,6 +162,7 @@
color: #337FFF; color: #337FFF;
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;
background-color: #fff;
} }
.button2 { .button2 {