li tong bao 08acb37769 --我的页面完成设置图标
--表单组件input类型完成后面图标
2022-04-28 18:13:36 +08:00

68 lines
2.3 KiB
TypeScript

import { Button, Navigator, ScrollView, Text, View } from "@tarojs/components"
import { memo, useState } from "react"
import "./index.scss"
const weightListManager = ()=>{
return(
<View className="weight-list-manager">
<WeightList />
</View>
)
}
interface Params{
refresherEnabled?: boolean,//是否开启刷新
onSelect?: (item:any,index:number)=>void,//列表选择
}
// 码单列表
const WeightList = memo((props:Params)=>{
// 处理刷新
const [refreshState, setRefreshState] = useState(false);
const handleRefresh = ()=>{
setRefreshState(true);
setTimeout(()=>{
setRefreshState(false);
},500)
}
const data = Array.from({length:0});
return (
<View className="weight-list-scroll-view">
<ScrollView scrollY refresherEnabled={props.refresherEnabled} enhanced refresherTriggered={refreshState} onRefresherRefresh={handleRefresh}>
{
data.length>0?
data.map((item,index)=>{
return(
<View onClick={()=>props.onSelect&&props.onSelect(item,index)} className="weight-list-list">
<View className="weight-list-user">
XL纺织
<Text className="weight-list-list-default"></Text>
{/* <Text className="weight-list-list-phone">1656488999</Text> */}
</View>
<View className="weight-list-list-bottom">
<View className="weight-list-list-info">
************
<Text className="weight-list-list-phone">181****9790</Text>
</View>
<Navigator url="/pages/weightListAdd/index?type=edit" hoverClass="none" className="weight-list-edit">
<Text className="iconfont icon-bianji"></Text>
</Navigator>
</View>
</View>
);
}):
<View className="weight-list-no-data">
<View></View>
使
</View>
}
</ScrollView>
<Navigator url="/pages/weightListAdd/index?type=add" hoverClass="none" className="add-weight-list"></Navigator>
</View>
)
})
export default weightListManager;