购物车地址管理

This commit is contained in:
summation
2022-01-22 00:14:01 +08:00
parent 90756f56b9
commit 1c3d930a35
5 changed files with 818 additions and 383 deletions

View File

@@ -184,6 +184,8 @@ ul li ol li em strong i {
.rc-image {
border: 1px solid #d8d8d8;
margin-right: 20px;
width: 96px;
height: 96px;
img {
width: 96px;
@@ -375,21 +377,38 @@ ul li ol li em strong i {
.diallog_width {
width: 100%;
max-width: 440px;
max-width: 920px;
margin: 0 auto;
.el-dialog {
width: 100%;
}
}
.el-dialog__header{
.el-dialog__header {
color: #e1001a;
}
//手机端
@media screen and (max-width: 768px) {
.settlement {
padding-top: 0;
.popnewaddr{
position: absolute;
bottom: -14px;
left: 0;
width: 100%;
.btn{
display: block;
background: #e2001a;
line-height: 48px;
text-align: center;
color: white;
font-size: 16px;
border-radius: 30px;
}
}
.diallog_width {
width: 100%;
}
.inline {
@@ -401,72 +420,101 @@ ul li ol li em strong i {
}
.pop_list {
p{ padding: 0; margin: 0; line-height: 180%;}
p {
padding: 0;
margin: 0;
line-height: 180%;
}
.mypersonal {
border-bottom: 1px solid #d8d8d8;
padding: 15px 0;
}
input,.el-icon-edit{
input,
.el-icon-edit {
margin-top: 20px;
}
}
.rc-main {
.address-list {
display: contents;
.settlement {
.rc-main {
padding-top: 0;
.mypersonal {
width: 100%;
height: auto;
display: none;
border: none;
padding: 0;
.rc-usermain {
&.active {
display: block;
h3,
p {
padding: 0;
margin: 0;
}
.rc-usercenter h3 {
margin-top: 0;
}
}
}
.rc-main {
width: 100%;
.address-list {
display: contents;
.mypersonal {
width: 100%;
height: auto;
display: none;
border: none;
padding: 0;
.arrow_ph {
&.active {
display: block;
border: none;
.arrow_ph {
display: block;
}
.edit {
display: none;
}
}
.edit {
display: none;
&.add {
// display: block;
}
}
}
&.add {
// display: block;
.rc-usermain {
.rc-right {
display: table
}
}
}
.rc-usermain {
.rc-right {
display: table
.rc-merchandise {
padding: 15px 0 120px;
ul {
float: none;
width: 100%;
}
}
}
.rc-merchandise {
padding: 15px 0 120px;
ul {
float: none;
width: 100%;
}
}
.rc-foot {
.rc-foo {
display: flex;
justify-content: space-around;
flex-direction: row;
align-items: self-end;
position: fixed;
bottom: 0;
background: #fff;
width: 100%;
padding: 10px;
.rc-foot {
.rc-foo {
display: flex;
justify-content: space-around;
flex-direction: row;
align-items: self-end;
position: fixed;
left: 0;
bottom: 0;
background: #fff;
width: 100%;
padding: 10px;
}
}
}
}