🌈 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
@@ -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;
}
+1 -1
View File
@@ -49,7 +49,7 @@
font-size: 28px;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #000000;
color: #646466;
}
}
@@ -11,7 +11,7 @@
align-items: center;
font-size: 28px;
font-weight: 500;
color: #000000;
color: #333333;
.xing {
font-size: 28px;
+7 -2
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;
+1 -1
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} />
@@ -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;
}
}
}
@@ -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;
@@ -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;
}
}
}
}
@@ -5,7 +5,7 @@
position: sticky;
top: 0;
z-index: 999;
padding-bottom: 24px;
// padding-bottom: 24px;
background: #fff;
// overflow: hidden;
@@ -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 {
+9 -1
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 {
+2 -2
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>
@@ -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;
}
+5 -5
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;
}
}