🌈 style(【ID:1000663】):修改部分样式

This commit is contained in:
Haiyi
2022-11-09 16:28:07 +08:00
parent 41467256b0
commit 6ed3f7456b
26 changed files with 137 additions and 53 deletions
-1
View File
@@ -123,7 +123,6 @@ const AddressList = memo(forwardRef((props: Params, AddressListRef) => {
<Text className="address-list-phone">{item.phone}</Text>
{
item.is_default && <Text className="address-list-default">默认</Text>
}
</View>
<View className="address-list-bottom">
+2 -2
View File
@@ -165,11 +165,11 @@ export default memo(forwardRef((props: prosObj, ref) => {
<View className={style.flexBox}>
{
(showTuihuo && showDetail && itemNums === 0) && <View className={style.nextBuy} onClick={() => handApplyGoods?.()}>申请退货</View>
(showTuihuo && showDetail && itemNums < 4) && <View className={style.nextBuy} onClick={() => handApplyGoods?.()}>申请退货</View>
}
{
(showTuikuan && showDetail && itemNums === 0) && <View className={style.nextBuy} onClick={() => handApplyMoney?.()}>申请退款</View>
(showTuikuan && showDetail && itemNums < 4) && <View className={style.nextBuy} onClick={() => handApplyMoney?.()}>申请退款</View>
}
{
+45 -19
View File
@@ -1,59 +1,85 @@
.address_main{
.address_main {
width: 100%;
box-sizing: border-box;
.address_title{
position: relative;
.sure {
font-size: 28px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #337FFF;
position: absolute;
top: 35px;
right: 40px;
}
.address_title {
display: flex;
justify-content: space-between;
font-size: $font_size;
padding: 20px;
padding-bottom: 0;
}
.address_select{
.address_select {
display: flex;
padding: 30px 0;
margin-top: 10px;
font-size: $font_size_medium;
border-bottom: 1px solid #eaeaea;
color: $color_font_two;
color: #337fff;
position: relative;
.address_item{
.address_item {
padding: 0 20px;
max-width: 200px;
@include common_ellipsis()
}
.bottom_index{
width: 100px;
height: 2px;
border-radius: 50px;
background-color:$color_main;
.bottom_index {
width: 88px;
height: 6px;
background: #337FFF;
border-radius: 3px;
// width: 100px;
// height: 2px;
// border-radius: 50px;
// background-color: $color_main;
position: absolute;
bottom: 0;
left: 0;
transition: left 0.1s;
}
}
.address_scroll{
.address_scroll {
height: 600px;
.address_scroll_list{
.address_scroll_list {
padding: 0 20px;
font-size: $font_size;
.address_list_item{
.address_list_item {
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: center;
.address_list_item_name{
border-bottom: 1px solid #f5f5f5;
.address_list_item_name {
@include common_ellipsis()
}
.address_iconfont{
.address_iconfont {
font-size: 30px !important;
color: $color_main;
}
}
}
}
.addresst_select{
color:$color_font_one;
.addresst_select {
color: #337fff;
}
}
}
+7 -2
View File
@@ -187,10 +187,11 @@ export default memo(({
<>
<Drawer showTitle={false} show={show} onClose={submitSelect}>
<View className={styles.address_main}>
<View className={styles.address_title}>
{/* <View className={styles.address_title}>
<View onClick={() => addressOnClose?.()}>取消</View>
<View onClick={() => submitSelect()}>确定</View>
</View>
</View> */}
<View className={styles.sure} onClick={() => submitSelect()}>确定</View>
<View className={styles.address_select}>
<View id="address_tab_0" onClick={() => selectTab(0)} className={classnames(styles.address_item, { [styles.addresst_select]: (selectIndex == 0) })}>{selectArr[0] ? selectArr[0].name : '请选择'}</View>
{cityStatus && <View id="address_tab_1" onClick={() => selectTab(1)} className={classnames(styles.address_item, { [styles.addresst_select]: (selectIndex == 1) })}>{selectArr[1] ? selectArr[1].name : '请选择'}</View>}
@@ -207,6 +208,10 @@ export default memo(({
{(selectArr[selectIndex]?.id == item.id) &&
<IconFont name={'icon-lujing'} color={'#327fff'} size={30}></IconFont>
}
{
(selectArr[selectIndex]?.id !== item.id) &&
<IconFont name={'icon-chakanquanbukehu'} color={'#d8d8d8'} size={30}></IconFont>
}
</View>
)
})}
+1 -1
View File
@@ -53,7 +53,7 @@
.miconfont_close {
width: 43px;
height: 43px;
background-color: #ccc;
background-color: #7f7f7f;
border-radius: 50%;
position: absolute;
right: -10px;