🌈 style:【ID1000663】小程序UI验收

This commit is contained in:
Haiyi 2022-11-10 17:08:15 +08:00
parent 11155df8c7
commit b0b8754034
16 changed files with 64 additions and 40 deletions

View File

@ -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;
} }
} }

View File

@ -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>
{ {

View File

@ -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;
} }

View File

@ -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;
} }
} }

View File

@ -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;

View File

@ -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;

View File

@ -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} />

View File

@ -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;
}
} }
} }

View File

@ -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;

View File

@ -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;
} }
} }
} }

View File

@ -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;

View File

@ -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 {

View File

@ -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 {

View File

@ -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>

View File

@ -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;
} }

View File

@ -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;
} }
} }