🐞 fix(ID1001329 ui修复):
This commit is contained in:
parent
753a9782bf
commit
161f50fb59
@ -16,6 +16,10 @@
|
|||||||
color: rgba(0, 0, 0, 0.8);
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.more {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.remarks_message {
|
.remarks_message {
|
||||||
height: 82px;
|
height: 82px;
|
||||||
|
|||||||
@ -2,6 +2,7 @@ import { Text, View } from '@tarojs/components'
|
|||||||
import { useEffect, useState } from 'react'
|
import { useEffect, useState } from 'react'
|
||||||
import styles from './index.module.scss'
|
import styles from './index.module.scss'
|
||||||
import Remark from '@/components/remark'
|
import Remark from '@/components/remark'
|
||||||
|
import IconFont from '@/components/iconfont/iconfont'
|
||||||
|
|
||||||
interface Param {
|
interface Param {
|
||||||
onSave?: (val: string) => void
|
onSave?: (val: string) => void
|
||||||
@ -22,7 +23,7 @@ export default (props: Param) => {
|
|||||||
<View className={styles.remarks} onClick={() => setShowRemark(true)}>
|
<View className={styles.remarks} onClick={() => setShowRemark(true)}>
|
||||||
<View className={styles.remarks_header}>
|
<View className={styles.remarks_header}>
|
||||||
<Text>备注信息</Text>
|
<Text>备注信息</Text>
|
||||||
<Text>填写/修改备注</Text>
|
<View className={styles.more}>填写/修改备注 <IconFont color="#000000FF" name="icon-rukou" size={30} /></View>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.remarks_message}>
|
<View className={styles.remarks_message}>
|
||||||
<Text>{data || '尚未备注信息'}</Text>
|
<Text>{data || '尚未备注信息'}</Text>
|
||||||
|
|||||||
@ -38,6 +38,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 32px 0 24px 0;
|
padding: 32px 0 24px 0;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -27,11 +27,13 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
color: rgba(0, 0, 0, 0.8);
|
color: rgba(0, 0, 0, 0.8);
|
||||||
|
|
||||||
text {
|
text {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
&:nth-child(2) {
|
&:nth-child(2) {
|
||||||
color: #337fffff;
|
color: #337fffff;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -33,7 +33,7 @@ export default (props: Param) => {
|
|||||||
}, [props.defaultValue])
|
}, [props.defaultValue])
|
||||||
return <>
|
return <>
|
||||||
<View className={styles.address_con} >
|
<View className={styles.address_con} >
|
||||||
<IconFont name="icon-dingwei" size={50} />
|
<IconFont name="icon-dingwei" size={60} />
|
||||||
<View className={styles.message}>
|
<View className={styles.message}>
|
||||||
<View className={styles.info_address}>
|
<View className={styles.info_address}>
|
||||||
<View className={styles.address_name}>{data.address_title || '请选择收货地址'}</View>
|
<View className={styles.address_name}>{data.address_title || '请选择收货地址'}</View>
|
||||||
|
|||||||
@ -72,10 +72,10 @@
|
|||||||
color: $color_font_two;
|
color: $color_font_two;
|
||||||
}
|
}
|
||||||
.order_status_select {
|
.order_status_select {
|
||||||
color: $color_main;
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
.order_status_tag_select {
|
.order_status_tag_select {
|
||||||
color: $color_main;
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.order_status_des {
|
.order_status_des {
|
||||||
|
|||||||
@ -79,6 +79,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 32px 0 24px 0;
|
padding: 32px 0 24px 0;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -41,6 +41,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 72px;
|
line-height: 72px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -16,6 +16,10 @@
|
|||||||
color: rgba(0, 0, 0, 0.8);
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.more {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.remarks_message {
|
.remarks_message {
|
||||||
height: 82px;
|
height: 82px;
|
||||||
|
|||||||
@ -3,6 +3,7 @@ import { useEffect, useState } from 'react'
|
|||||||
import classNames from 'classnames'
|
import classNames from 'classnames'
|
||||||
import styles from './index.module.scss'
|
import styles from './index.module.scss'
|
||||||
import Remark from '@/components/remark'
|
import Remark from '@/components/remark'
|
||||||
|
import IconFont from '@/components/iconfont/iconfont'
|
||||||
|
|
||||||
interface Param {
|
interface Param {
|
||||||
onSave?: (val: string) => void
|
onSave?: (val: string) => void
|
||||||
@ -23,7 +24,7 @@ export default (props: Param) => {
|
|||||||
<View className={styles.remarks} onClick={() => setShowRemark(true)}>
|
<View className={styles.remarks} onClick={() => setShowRemark(true)}>
|
||||||
<View className={styles.remarks_header}>
|
<View className={styles.remarks_header}>
|
||||||
<Text>备注信息</Text>
|
<Text>备注信息</Text>
|
||||||
<Text>填写/修改备注</Text>
|
<View className={styles.more}>填写/修改备注 <IconFont color="#000000FF" name="icon-rukou" size={30} /></View>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.remarks_message}>
|
<View className={styles.remarks_message}>
|
||||||
<Text className={classNames(data ? styles.valuable : '')}>{data || '尚未备注信息'}</Text>
|
<Text className={classNames(data ? styles.valuable : '')}>{data || '尚未备注信息'}</Text>
|
||||||
|
|||||||
@ -38,6 +38,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 32px 0 24px 0;
|
padding: 32px 0 24px 0;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -32,6 +32,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
&:nth-child(2) {
|
&:nth-child(2) {
|
||||||
color: #337fffff;
|
color: #337fffff;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -33,7 +33,7 @@ export default (props: Param) => {
|
|||||||
}, [props.defaultValue])
|
}, [props.defaultValue])
|
||||||
return <>
|
return <>
|
||||||
<View className={styles.address_con} >
|
<View className={styles.address_con} >
|
||||||
<IconFont name="icon-dingwei" size={50} />
|
<IconFont name="icon-dingwei" size={60} />
|
||||||
<View className={styles.message}>
|
<View className={styles.message}>
|
||||||
<View className={styles.info_address}>
|
<View className={styles.info_address}>
|
||||||
<View className={styles.address_name}>{data.address_title || '请选择收货地址'}</View>
|
<View className={styles.address_name}>{data.address_title || '请选择收货地址'}</View>
|
||||||
|
|||||||
@ -72,10 +72,10 @@
|
|||||||
color: $color_font_two;
|
color: $color_font_two;
|
||||||
}
|
}
|
||||||
.order_status_select {
|
.order_status_select {
|
||||||
color: $color_main;
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
.order_status_tag_select {
|
.order_status_tag_select {
|
||||||
color: $color_main;
|
color: rgba(0, 0, 0, 0.8);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.order_status_des {
|
.order_status_des {
|
||||||
|
|||||||
@ -61,6 +61,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
padding: 32px 0 24px 0;
|
padding: 32px 0 24px 0;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -41,6 +41,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 72px;
|
line-height: 72px;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
font-size: 28px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user