xuan/TestRestructureWechatLymarketDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🌈 style(ID1000939): 【蜘蛛管家】客户列表- UI还原不足

Browse Source 
【【蜘蛛管家】客户列表- UI还原不足】 https://www.tapd.cn/53459131/bugtrace/bugs/view/1153459131001000939
This commit is contained in:
xuan
2022-12-12 18:09:38 +08:00
parent cb3d4b8734
commit 9e4a6e6bcd
14 changed files with 218 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/AddressList/index.scss
+12 -17
View File
@@ -1,3 +1,9 @@
.address-container {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.address-scroll-view {
height: 100%;
box-sizing: border-box;
@@ -13,22 +19,15 @@
}
.address-list {
width: 704px;
padding-bottom: 24px;
// height: 156px;
background: #ffffff;
border-radius: 20px;
// box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.16);
padding: 30px;
padding: 24px 30px;
box-sizing: border-box;
margin: 18px auto 0;
// border: 1px solid #ffffff;
// border: 1px solid rgba(0, 0, 0, 0.16);
margin: 18px 24px 0;
}
.address-active {
border: 1px solid #68b4ff;
// box-shadow: 0px 0px 10px 0px rgba(0, 122, 255, 0.27);
}
.address-list:first-child {
@@ -41,7 +40,6 @@
.address-user {
font-size: 32px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
color: #000000;
@@ -50,16 +48,13 @@
}
.address-list-default {
width: 58px;
height: 28px;
background: #cde5ff;
background: #ffffff;
border-radius: 6px;
font-size: 20px;
font-weight: 400;
text-align: center;
color: #007aff;
margin-left: 30px;
padding: 4px 10px;
}
.address-list-phone {
@@ -96,7 +91,7 @@
.address-list-bottom {
display: flex;
justify-content: space-between;
margin-top: 18px;
margin-top: 10px;
}
.add-address {
@@ -140,4 +135,4 @@
font-weight: 400;
color: #676767;
}
}
}
src/components/AddressList/index.tsx
+23 -18
View File
@@ -2,6 +2,7 @@ import Taro, { showModal, useDidShow, useRouter } from '@tarojs/taro'
import { Button, Navigator, ScrollView, Text, View } from '@tarojs/components'
import { forwardRef, memo, useEffect, useImperativeHandle, useState } from 'react'
import './index.scss'
import Tag from '../tag'
import { MpPurchaserAddressList } from '@/api/addressList'
import { alert } from '@/common/common'
import IconFont from '@/components/iconfont/iconfont'
@@ -126,26 +127,30 @@ const AddressList = (props: Params, AddressListRef) => {
// data.map((item,index)=>{
return (
<View key={index} onClick={() => handleSelect(item, index)} className={`address-list ${focusId == item.id && 'address-active'}`}>
<View className="address-user">
{item.name}
<Text className="address-list-phone">{item.phone}</Text>
{
item.is_default && <Text className="address-list-default">默认</Text>
}
</View>
<View className="address-list-bottom">
<View className="address-list-info">
<View>{item.province_name + item.city_name + item.district_name + item.address_detail}
{/* {item.address_detail} */}
<View className="address-container">
<View>
<View className="address-user">
{item.name}
<Text className="address-list-phone">{item.phone}</Text>
{
item.is_default
&& <Tag type="primary" size="small" circle plain customClassName="address-list-default">
默认
</Tag>
}
</View>
<View className="address-list-bottom">
<View className="address-list-info">
<View>{item.province_name + item.city_name + item.district_name + item.address_detail}
</View>
</View>
</View>
{/* {
item.is_default && <Text className="address-list-phone">{item.phone.replace(item.phone.substring(3, 7), "****")}</Text>
} */}
</View>
<Navigator onClick={e => e.stopPropagation()} url={`/pages/addAddress/index?type=edit&id=${item.id}&&purchaser_id=${Number(props.purchaser_id)}`} hoverClass="none" className="address-edit">
{/* <Text className="iconfont icon-bianji"></Text> */}
<IconFont name="icon-bianji" size={40} color="#717171"></IconFont>
</Navigator>
<View>
<Navigator onClick={e => e.stopPropagation()} url={`/pages/addAddress/index?type=edit&id=${item.id}&&purchaser_id=${Number(props.purchaser_id)}`} hoverClass="none" className="address-edit">
<IconFont name="icon-bianji" size={40} color="#717171"></IconFont>
</Navigator>
</View>
</View>
{
item.factory !== '' && <>