🌈 style(【ID:1000663】):修改部分样式
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
}
|
||||
{
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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>
|
||||
)
|
||||
})}
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
.miconfont_close {
|
||||
width: 43px;
|
||||
height: 43px;
|
||||
background-color: #ccc;
|
||||
background-color: #7f7f7f;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
right: -10px;
|
||||
|
||||
Reference in New Issue
Block a user