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

订单列表页面完成

Browse Source
This commit is contained in:
cheng
2022-05-19 20:31:53 +08:00
parent 7e5481a7e1
commit f30e174e3e
35 changed files with 1008 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/order/components/estimatedAmount/index.module.scss
+2 -1
View File
@@ -14,8 +14,9 @@
position: relative;
}
.miconfont{
font-size: 30px;
font-size: 26px;
font-weight: normal;
margin-left: 5px;
}
.message{
position: absolute;
src/pages/order/components/estimatedAmount/index.tsx
+3 -3
View File
@@ -26,7 +26,7 @@ export default memo(({style, number = 0}:Param) => {
<View className={styles.order_price_text}>
<Text>合计金额</Text>
<View className={styles.iconfont_msg}>
<Text className={classnames(styles.miconfont, 'iconfont icon-a-tuikuanshouhou')}></Text>
<Text className={classnames(styles.miconfont, 'iconfont icon-zhushi')}></Text>
{/* <View className={classnames(styles.message)}>123123123121212312312312312</View> */}
</View>
</View>
@@ -38,7 +38,7 @@ export default memo(({style, number = 0}:Param) => {
<View className={styles.order_price_text}>
<Text>空差优惠</Text>
<View className={styles.iconfont_msg}>
<Text className={classnames(styles.miconfont, 'iconfont icon-a-tuikuanshouhou')}></Text>
<Text className={classnames(styles.miconfont, 'iconfont icon-zhushi')}></Text>
{/* <View className={classnames(styles.message)}>123123123121212312312312312</View> */}
</View>
</View>
@@ -50,7 +50,7 @@ export default memo(({style, number = 0}:Param) => {
<View className={classnames(styles.order_price_text, styles.emphasis)}>
<Text>应付金额</Text>
<View className={styles.iconfont_msg}>
<Text className={classnames(styles.miconfont, 'iconfont icon-a-tuikuanshouhou')}></Text>
<Text className={classnames(styles.miconfont, 'iconfont icon-zhushi')}></Text>
{/* <View className={classnames(styles.message)}>123123123121212312312312312</View> */}
</View>
</View>
src/pages/order/components/orderState/index.module.scss
+16 -3
View File
@@ -3,6 +3,8 @@
border-radius: 20px;
padding: 20px;
box-sizing:border-box;
position: relative;
overflow: hidden;
.order_status_list{
max-height: 250px;
overflow: hidden;
@@ -16,8 +18,8 @@
padding-left: 50px;
min-height: 120px;
.order_status_tail_end, .order_status_tail{
width: 20px;
height: 20px;
width: 15px;
height: 15px;
border: 2px solid $color_main;
background-color: #fff;
border-radius: 50%;
@@ -33,7 +35,7 @@
border-left: 2px solid $color_main;
height: 100%;
top: 10px;
left: 13px;
left: 8px;
position: absolute;
z-index: 1;
}
@@ -87,4 +89,15 @@
transform:rotate(-90deg);
}
}
.image_tag{
width: 140px;
height: 144px;
.image{
width: 140px;
height: 144px;
}
position: absolute;
top: -10px;
right: -10px;
}
}
src/pages/order/components/orderState/index.tsx
+5 -3
View File
@@ -2,6 +2,7 @@ import { Image, Text, View } from "@tarojs/components"
import { memo, useState } from "react"
import styles from './index.module.scss'
import classnames from "classnames";
import { formatImgUrl } from "@/common/fotmat";
type Param = {
title: string,
time: string,
@@ -18,6 +19,7 @@ export default memo(({list = []}:{list?:Param[]}) => {
{title:'待配布', time:'2022-04-24 09:08', tag:'已接单', desc:'仓库正在为你配布...'},
{title:'待接单', time:'2022-04-24 09:08', tag:'已提交', desc:''},
]
return (
<View className={styles.order_flow_state}>
<View className={classnames(styles.order_status_list, showMore&&styles.order_status_list_show)}>
@@ -36,9 +38,9 @@ export default memo(({list = []}:{list?:Param[]}) => {
<Text>{showMore&&'收起物流详情'||'点击查看更多物流详情'}</Text>
<Text className={classnames('iconfont icon-a-moreback', styles.miconfonts, showMore&&styles.open_miconfonts)}></Text>
</View>}
{/* <View className={styles.tag}>
<Image src='./styles/image/hkfk.png' />
</View> */}
<View className={styles.image_tag}>
<Image mode="aspectFit" src={formatImgUrl('/mall/order_pay_status.png')} className={styles.image}/>
</View>
</View>
)
})