123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- @import "../style/theme.scss";
- .sld_address_list {
- border: 1px solid #EEEEEE;
- width: 1007px;
- margin: 10px 0 0 10px;
- float: left;
- .el-breadcrumb{
- margin-left: 22px;
- }
- .add_default_con,.address_list_con {
- background-color: white;
- .title {
- line-height: 60px;
- color: #1C1C1C;
- font-size: 16px;
- font-weight: 600;
- padding-left: 22px;
- }
- .mange{
- color: #333;
- font-size: 14px;
- }
- }
- .add_default_con{
- border-bottom: 1px solid #EEEEEE;
- padding-bottom: 10px;
- }
- .address_list_con{
- padding-bottom: 100px;
- .container{
- flex-wrap: wrap;
- .address_item{
- .iconfont{
- display: none;
- }
- }
- .address_item:hover{
- .iconfont{
- display: inline-block;
- }
- }
- }
- }
- .address_item {
- width: 245px;
- padding: 18px 8px 0 12px;
- height: 162px;
- background-size: 100% 100%;
- margin-left: 20px;
- margin-bottom: 20px;
- .defalut_edit {
- height: 14px;
- .red {
- color: $colorMain2;
- }
- .iconfont {
- margin-right: 5px;
- font-size: 12px;
- color: #C8C8C8;
- &:hover {
- color: $colorMain2;
- }
- }
- }
- .name_phone {
- margin-top: 10px;
- color: #333;
- font-size: 12px;
- line-height: 24px;
- height: 50px;
- border-bottom: 1px dashed #C4C4C4;
- word-break: break-all;
- .name{
- margin-right: 10px;
- }
- .phone {
- word-break: break-word;
- }
- }
- .add_info {
- line-height: 30px;
- color: #333;
- font-size: 12px;
- }
- .add_detail{
- color: #999999;
- line-height: 16px;
- word-break: break-all;
- }
- }
- .add_address{
- width: 245px;
- height: 153px;
- margin-left: 20px;
- border: 2px dashed #E5E5E5;
- margin-bottom: 20px;
- .icon-xinzengdizhi{
- display: block;
- font-size: 28px;
- text-align: center;
- color: #E5E5E5;
- }
- p{
- color: #999999;
- font-size: 12px;
- margin-top: 19px;
- text-align: center;
- }
- }
- }
|