diff --git a/src/components/AddressList/index.scss b/src/components/AddressList/index.scss index 88fbb0a..71c2eba 100644 --- a/src/components/AddressList/index.scss +++ b/src/components/AddressList/index.scss @@ -6,10 +6,9 @@ height: 100%; box-sizing: border-box; } - scroll-view>view{ - display: flex;flex-direction: column; + .address-scroll-view-content{ + padding-bottom: 300px; } - .address-list{ width: 704px; height: 156px; @@ -69,7 +68,7 @@ width: 100%; } .address-list-info view{ - width: 50%; + max-width: 60%; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; } diff --git a/src/components/AddressList/index.tsx b/src/components/AddressList/index.tsx index c3db685..b2066a0 100644 --- a/src/components/AddressList/index.tsx +++ b/src/components/AddressList/index.tsx @@ -81,14 +81,14 @@ const AddressList = memo((props:Params)=>{ return ( - + { state?.data?.list?.length>0? state?.data?.list?.map((item,index)=>{ // data.length>0? // data.map((item,index)=>{ return( - handleDelete(item)} onClick={()=>handleSelect(item,index)} className={`address-list ${index+1==state?.data?.list?.length&&'address-list-last'} ${focusId==item.id&&'address-active'}`}> + handleDelete(item)} onClick={()=>handleSelect(item,index)} className={`address-list ${focusId==item.id&&'address-active'}`}> {item.name} { @@ -105,7 +105,7 @@ const AddressList = memo((props:Params)=>{ item.is_default&&{item.phone.replace(item.phone.substring(4,7), "****")} } - + e.stopPropagation()} url={`/pages/addressAdd/index?type=edit&id=${item.id}`} hoverClass="none" className="address-edit">