🌈 style:【ID1000663】小程序UI验收
This commit is contained in:
parent
11155df8c7
commit
b0b8754034
@ -18,17 +18,17 @@
|
|||||||
// height: 156px;
|
// height: 156px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.16);
|
// box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.16);
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 18px auto 0;
|
margin: 18px auto 0;
|
||||||
border: 1px solid #ffffff;
|
// border: 1px solid #ffffff;
|
||||||
border: 1px solid rgba(0, 0, 0, 0.16);
|
// border: 1px solid rgba(0, 0, 0, 0.16);
|
||||||
}
|
}
|
||||||
|
|
||||||
.address-active {
|
.address-active {
|
||||||
border: 1px solid #68b4ff;
|
border: 1px solid #68b4ff;
|
||||||
box-shadow: 0px 0px 10px 0px rgba(0, 122, 255, 0.27);
|
// box-shadow: 0px 0px 10px 0px rgba(0, 122, 255, 0.27);
|
||||||
}
|
}
|
||||||
|
|
||||||
.address-list:first-child {
|
.address-list:first-child {
|
||||||
@ -40,7 +40,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.address-user {
|
.address-user {
|
||||||
font-size: 28px;
|
font-size: 32px;
|
||||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@ -65,7 +65,7 @@
|
|||||||
.address-list-phone {
|
.address-list-phone {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #717171;
|
||||||
margin-left: 16px;
|
margin-left: 16px;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
@ -138,6 +138,6 @@
|
|||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #676767;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -136,7 +136,7 @@ const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
|
|||||||
</View>
|
</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">
|
<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> */}
|
{/* <Text className="iconfont icon-bianji"></Text> */}
|
||||||
<IconFont name={'icon-bianji'} size={40} ></IconFont>
|
<IconFont name={'icon-bianji'} size={40} color={'#717171'}></IconFont>
|
||||||
</Navigator>
|
</Navigator>
|
||||||
</View>
|
</View>
|
||||||
{
|
{
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
.mainItem_right {
|
.mainItem_right {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #6c6c6c;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -55,7 +55,7 @@
|
|||||||
.mainItem_right {
|
.mainItem_right {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #6c6c6c;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -49,7 +49,7 @@
|
|||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #646466;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -11,7 +11,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #000000;
|
color: #333333;
|
||||||
|
|
||||||
.xing {
|
.xing {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
|
|||||||
@ -63,7 +63,6 @@
|
|||||||
|
|
||||||
.modeName {
|
.modeName {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: PingFangSC-Medium, PingFang SC;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #337FFF;
|
color: #337FFF;
|
||||||
}
|
}
|
||||||
@ -82,11 +81,17 @@
|
|||||||
.remarkFont {
|
.remarkFont {
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.remarkFontactive {
|
||||||
|
margin-top: 24px;
|
||||||
|
font-size: 28px;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #aeaeae;
|
||||||
|
}
|
||||||
|
|
||||||
.safeBox {
|
.safeBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 160px;
|
height: 160px;
|
||||||
|
|||||||
@ -332,7 +332,7 @@ export default () => {
|
|||||||
></Form>
|
></Form>
|
||||||
</View>
|
</View>
|
||||||
<DefaultBox title={'备注信息'} showMode={true} modeName={`${'填写/修改备注'} >`} clickNode={() => setShowDesc(true)}>
|
<DefaultBox title={'备注信息'} showMode={true} modeName={`${'填写/修改备注'} >`} clickNode={() => setShowDesc(true)}>
|
||||||
<View className={styles.remarkFont}>{remarkDesc === '' ? '尚未备注信息' : remarkDesc}</View>
|
<View className={classnames(remarkDesc === '' ? styles.remarkFontactive : styles.remarkFont)}>{remarkDesc === '' ? '尚未备注信息' : remarkDesc}</View>
|
||||||
</DefaultBox>
|
</DefaultBox>
|
||||||
<Popup show={showDesc} showTitle={false} onClose={() => setShowDesc(false)}>
|
<Popup show={showDesc} showTitle={false} onClose={() => setShowDesc(false)}>
|
||||||
<Remark onSave={(e) => getRemark(e)} defaultValue={infoObj?.remark} showInput={showDesc ? true : false} />
|
<Remark onSave={(e) => getRemark(e)} defaultValue={infoObj?.remark} showInput={showDesc ? true : false} />
|
||||||
|
|||||||
@ -45,7 +45,7 @@
|
|||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #6e6e6e;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -102,6 +102,18 @@
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
|
|
||||||
|
.flex_left {
|
||||||
|
color: #999999;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex_right {
|
||||||
|
color: #999999;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -6,7 +6,7 @@
|
|||||||
.itemFlex {
|
.itemFlex {
|
||||||
padding: 23px 11px 23px 11px;
|
padding: 23px 11px 23px 11px;
|
||||||
background: #f6f6f6;
|
background: #f6f6f6;
|
||||||
box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
border: 1px solid #f6f6f6;
|
border: 1px solid #f6f6f6;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -21,7 +21,7 @@
|
|||||||
background: rgba(51, 127, 255, 0.1);
|
background: rgba(51, 127, 255, 0.1);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
border: 1px solid #337FFF;
|
border: 1px solid #337FFF;
|
||||||
box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #337FFF;
|
color: #337FFF;
|
||||||
|
|||||||
@ -18,7 +18,7 @@
|
|||||||
.itemFlex {
|
.itemFlex {
|
||||||
padding: 23px 47px 23px 47px;
|
padding: 23px 47px 23px 47px;
|
||||||
background: #f6f6f6;
|
background: #f6f6f6;
|
||||||
box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
border: 1px solid #f6f6f6;
|
border: 1px solid #f6f6f6;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -33,7 +33,7 @@
|
|||||||
background: rgba(51, 127, 255, 0.1);
|
background: rgba(51, 127, 255, 0.1);
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
border: 1px solid #337FFF;
|
border: 1px solid #337FFF;
|
||||||
box-sizing: border-box;
|
// box-sizing: border-box;
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #337FFF;
|
color: #337FFF;
|
||||||
@ -41,4 +41,4 @@
|
|||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -5,7 +5,7 @@
|
|||||||
position: sticky;
|
position: sticky;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
padding-bottom: 24px;
|
// padding-bottom: 24px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
|
|
||||||
|
|||||||
@ -46,8 +46,8 @@
|
|||||||
// width: 638px;
|
// width: 638px;
|
||||||
margin-right: 32px;
|
margin-right: 32px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: #000000;
|
background: #e7e7e7;
|
||||||
opacity: 0.1;
|
// opacity: 0.1;
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
margin-bottom: 24px;
|
margin-bottom: 24px;
|
||||||
}
|
}
|
||||||
@ -94,7 +94,7 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
min-width: 76%;
|
min-width: 76%;
|
||||||
// width: 480px;
|
// width: 480px;
|
||||||
margin-bottom: 32px;
|
margin-bottom: 12px;
|
||||||
|
|
||||||
.productBox {
|
.productBox {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -185,8 +185,8 @@
|
|||||||
// width: 638px;
|
// width: 638px;
|
||||||
margin-right: 32px;
|
margin-right: 32px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: #000000;
|
background: #e7e7e7;
|
||||||
opacity: 0.1;
|
// opacity: 0.1;
|
||||||
margin-left: 32px;
|
margin-left: 32px;
|
||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
}
|
}
|
||||||
@ -201,9 +201,8 @@
|
|||||||
.msgLeft {
|
.msgLeft {
|
||||||
margin-left: 32px;
|
margin-left: 32px;
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #a1a1a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.msgRight {
|
.msgRight {
|
||||||
@ -211,7 +210,7 @@
|
|||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #a1a1a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.msgRightOne {
|
.msgRightOne {
|
||||||
|
|||||||
@ -60,6 +60,14 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
|
|
||||||
|
.lefttopSelectNameactive {
|
||||||
|
font-size: 28px;
|
||||||
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
|
font-weight: 400;
|
||||||
|
color: #8b8b8b;
|
||||||
|
margin-left: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
.lefttopSelectName {
|
.lefttopSelectName {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
@ -142,7 +150,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.thirdBox {
|
.thirdBox {
|
||||||
margin-top: 40px;
|
margin-top: 30px;
|
||||||
padding-left: 48px;
|
padding-left: 48px;
|
||||||
|
|
||||||
.thirdTopfont {
|
.thirdTopfont {
|
||||||
|
|||||||
@ -636,14 +636,14 @@ export default () => {
|
|||||||
<View className={styles.leftTop} onClick={() => navTo(1)}>
|
<View className={styles.leftTop} onClick={() => navTo(1)}>
|
||||||
<View className={styles.lefttopTitle}>客户信息</View>
|
<View className={styles.lefttopTitle}>客户信息</View>
|
||||||
<View className={classnames(searchObj.clientName === '' ? styles.lefttopSelectBox : styles.activelefttopSelectBox)}>
|
<View className={classnames(searchObj.clientName === '' ? styles.lefttopSelectBox : styles.activelefttopSelectBox)}>
|
||||||
<View className={styles.lefttopSelectName}>{searchObj.clientName === '' ? '请选择客户' : searchObj.clientName}</View>
|
<View className={classnames(searchObj.clientName === '' ? styles.lefttopSelectNameactive : styles.lefttopSelectName)}>{searchObj.clientName === '' ? '请选择客户' : searchObj.clientName}</View>
|
||||||
<View className={classnames('iconfont', 'icon-more', styles.icon_more)}></View>
|
<View className={classnames('iconfont', 'icon-more', styles.icon_more)}></View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
<View className={styles.leftTop} onClick={() => navTo(2)}>
|
<View className={styles.leftTop} onClick={() => navTo(2)}>
|
||||||
<View className={styles.lefttopTitle}>业务员</View>
|
<View className={styles.lefttopTitle}>业务员</View>
|
||||||
<View className={classnames(searchObj.saleuserName === '' ? styles.lefttopSelectBox : styles.activelefttopSelectBox)}>
|
<View className={classnames(searchObj.saleuserName === '' ? styles.lefttopSelectBox : styles.activelefttopSelectBox)}>
|
||||||
<View className={styles.lefttopSelectName}>{searchObj.saleuserName === '' ? '请选择客户' : searchObj.saleuserName}</View>
|
<View className={classnames(searchObj.saleuserName === '' ? styles.lefttopSelectNameactive : styles.lefttopSelectName)}>{searchObj.saleuserName === '' ? '请选择客户' : searchObj.saleuserName}</View>
|
||||||
<View className={classnames('iconfont', 'icon-more', styles.icon_more)}></View>
|
<View className={classnames('iconfont', 'icon-more', styles.icon_more)}></View>
|
||||||
</View>
|
</View>
|
||||||
</View>
|
</View>
|
||||||
|
|||||||
@ -74,7 +74,7 @@
|
|||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #343434;
|
||||||
margin-right: 16px;
|
margin-right: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -83,7 +83,7 @@
|
|||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-family: PingFangSC-Regular, PingFang SC;
|
font-family: PingFangSC-Regular, PingFang SC;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #343434;
|
||||||
margin-right: 70px;
|
margin-right: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -182,13 +182,13 @@ page {
|
|||||||
.itemMoney {
|
.itemMoney {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #a5a5a5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemMoneyOne {
|
.itemMoneyOne {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #000000;
|
color: #333333;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -241,13 +241,13 @@ page {
|
|||||||
.itemMoney {
|
.itemMoney {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #a5a5a5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemMoneyOne {
|
.itemMoneyOne {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #000000;
|
color: #333333;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -294,7 +294,7 @@ page {
|
|||||||
.detailFont {
|
.detailFont {
|
||||||
font-size: 28px;
|
font-size: 28px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #000000;
|
color: #b8b8b8;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user