🌈 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;
background: #ffffff;
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;
box-sizing: border-box;
margin: 18px auto 0;
border: 1px solid #ffffff;
border: 1px solid rgba(0, 0, 0, 0.16);
// border: 1px solid #ffffff;
// border: 1px solid rgba(0, 0, 0, 0.16);
}
.address-active {
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 {
@ -40,7 +40,7 @@
}
.address-user {
font-size: 28px;
font-size: 32px;
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
font-weight: 700;
text-align: left;
@ -65,7 +65,7 @@
.address-list-phone {
font-size: 28px;
font-weight: 400;
color: #000000;
color: #717171;
margin-left: 16px;
margin-right: 16px;
}
@ -138,6 +138,6 @@
margin-top: 16px;
font-size: 28px;
font-weight: 400;
color: #000000;
color: #676767;
}
}

View File

@ -136,7 +136,7 @@ const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
</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">
{/* <Text className="iconfont icon-bianji"></Text> */}
<IconFont name={'icon-bianji'} size={40} ></IconFont>
<IconFont name={'icon-bianji'} size={40} color={'#717171'}></IconFont>
</Navigator>
</View>
{

View File

@ -15,7 +15,7 @@
.mainItem_right {
font-size: 28px;
font-weight: 400;
color: #000000;
color: #6c6c6c;
margin-right: 16px;
}
@ -55,7 +55,7 @@
.mainItem_right {
font-size: 28px;
font-weight: 400;
color: #000000;
color: #6c6c6c;
margin-right: 16px;
}

View File

@ -49,7 +49,7 @@
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
color: #646466;
}
}

View File

@ -11,7 +11,7 @@
align-items: center;
font-size: 28px;
font-weight: 500;
color: #000000;
color: #333333;
.xing {
font-size: 28px;

View File

@ -63,7 +63,6 @@
.modeName {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #337FFF;
}
@ -82,11 +81,17 @@
.remarkFont {
margin-top: 24px;
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
}
.remarkFontactive {
margin-top: 24px;
font-size: 28px;
font-weight: 400;
color: #aeaeae;
}
.safeBox {
width: 100%;
height: 160px;

View File

@ -332,7 +332,7 @@ export default () => {
></Form>
</View>
<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>
<Popup show={showDesc} showTitle={false} onClose={() => setShowDesc(false)}>
<Remark onSave={(e) => getRemark(e)} defaultValue={infoObj?.remark} showInput={showDesc ? true : false} />

View File

@ -45,7 +45,7 @@
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
color: #6e6e6e;
}
}
@ -102,6 +102,18 @@
font-size: 24px;
font-weight: 400;
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 {
padding: 23px 11px 23px 11px;
background: #f6f6f6;
box-sizing: border-box;
// box-sizing: border-box;
border: 1px solid #f6f6f6;
font-size: 28px;
font-weight: 400;
@ -21,7 +21,7 @@
background: rgba(51, 127, 255, 0.1);
border-radius: 16px;
border: 1px solid #337FFF;
box-sizing: border-box;
// box-sizing: border-box;
font-size: 28px;
font-weight: 400;
color: #337FFF;

View File

@ -18,7 +18,7 @@
.itemFlex {
padding: 23px 47px 23px 47px;
background: #f6f6f6;
box-sizing: border-box;
// box-sizing: border-box;
border: 1px solid #f6f6f6;
font-size: 28px;
font-weight: 400;
@ -33,7 +33,7 @@
background: rgba(51, 127, 255, 0.1);
border-radius: 16px;
border: 1px solid #337FFF;
box-sizing: border-box;
// box-sizing: border-box;
font-size: 28px;
font-weight: 400;
color: #337FFF;
@ -41,4 +41,4 @@
margin-bottom: 24px;
}
}
}
}

View File

@ -5,7 +5,7 @@
position: sticky;
top: 0;
z-index: 999;
padding-bottom: 24px;
// padding-bottom: 24px;
background: #fff;
// overflow: hidden;

View File

@ -46,8 +46,8 @@
// width: 638px;
margin-right: 32px;
height: 1px;
background: #000000;
opacity: 0.1;
background: #e7e7e7;
// opacity: 0.1;
margin-top: 16px;
margin-bottom: 24px;
}
@ -94,7 +94,7 @@
justify-content: space-between;
min-width: 76%;
// width: 480px;
margin-bottom: 32px;
margin-bottom: 12px;
.productBox {
display: flex;
@ -185,8 +185,8 @@
// width: 638px;
margin-right: 32px;
height: 1px;
background: #000000;
opacity: 0.1;
background: #e7e7e7;
// opacity: 0.1;
margin-left: 32px;
margin-top: 24px;
}
@ -201,9 +201,8 @@
.msgLeft {
margin-left: 32px;
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
color: #a1a1a1;
}
.msgRight {
@ -211,7 +210,7 @@
font-size: 24px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
color: #a1a1a1;
}
.msgRightOne {

View File

@ -60,6 +60,14 @@
justify-content: space-between;
margin-right: 16px;
.lefttopSelectNameactive {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #8b8b8b;
margin-left: 24px;
}
.lefttopSelectName {
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
@ -142,7 +150,7 @@
}
.thirdBox {
margin-top: 40px;
margin-top: 30px;
padding-left: 48px;
.thirdTopfont {

View File

@ -636,14 +636,14 @@ export default () => {
<View className={styles.leftTop} onClick={() => navTo(1)}>
<View className={styles.lefttopTitle}></View>
<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>
</View>
<View className={styles.leftTop} onClick={() => navTo(2)}>
<View className={styles.lefttopTitle}></View>
<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>
</View>

View File

@ -74,7 +74,7 @@
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
color: #343434;
margin-right: 16px;
}
@ -83,7 +83,7 @@
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
color: #343434;
margin-right: 70px;
}

View File

@ -182,13 +182,13 @@ page {
.itemMoney {
font-size: 28px;
font-weight: 400;
color: #000000;
color: #a5a5a5;
}
.itemMoneyOne {
font-size: 28px;
font-weight: 500;
color: #000000;
color: #333333;
}
}
}
@ -241,13 +241,13 @@ page {
.itemMoney {
font-size: 28px;
font-weight: 400;
color: #000000;
color: #a5a5a5;
}
.itemMoneyOne {
font-size: 28px;
font-weight: 500;
color: #000000;
color: #333333;
}
}
}
@ -294,7 +294,7 @@ page {
.detailFont {
font-size: 28px;
font-weight: 400;
color: #000000;
color: #b8b8b8;
}
}