mirror of
https://gitee.com/zongzhige/shopxo.git
synced 2024-12-01 03:18:33 +08:00
优化
This commit is contained in:
gongfuxiang
parent
f54ebce722
commit
8b86f0f4d4
@ -36,9 +36,9 @@
|
||||
<if condition="isset($address['is_default']) and $address['is_default'] eq 1">
|
||||
<span class="am-badge am-badge-success am-radius">默认</span>
|
||||
</if>
|
||||
<span class="buy-address-detail">
|
||||
<span class="buy-user">{{$address.name}}</span>
|
||||
<span class="buy-phone">{{$address.tel}}</span>
|
||||
<span class="address-detail">
|
||||
<span class="user">{{$address.name}}</span>
|
||||
<span class="phone">{{$address.tel}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
@ -49,14 +49,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="address-right">
|
||||
<span class="am-icon-angle-right am-icon-lg"></span>
|
||||
<span class="am-icon-angle-right am-icon-md"></span>
|
||||
</div>
|
||||
<div class="new-addr-btn">
|
||||
<a href="javascript:;" class="address-default-submit" data-url="{{:U('Home/UserAddress/SetDefault')}}" data-id="{{$address.id}}">设为默认</a>
|
||||
<span class="new-addr-bar">|</span>
|
||||
<a href="javascript:;" class="address-submit-save" data-url="{{:U('Home/UserAddress/SaveInfo', ['id'=>$address['id']])}}" data-popup-title="编辑地址">编辑</a>
|
||||
<span class="new-addr-bar">|</span>
|
||||
<a href="javascript:;" class="address-submit-delete" data-url="{{:U('Home/UserAddress/Delete')}}" data-id="{{$address.id}}">删除</a>
|
||||
<div class="address-operation-btn">
|
||||
<a href="javascript:;" class="am-icon-check-circle-o address-default-submit" data-url="{{:U('Home/UserAddress/SetDefault')}}" data-id="{{$address.id}}" data-view="reload"> 设为默认</a>
|
||||
<span class="cut">|</span>
|
||||
<a href="javascript:;" class="am-icon-edit address-submit-save" data-url="{{:U('Home/UserAddress/SaveInfo', ['id'=>$address['id']])}}" data-popup-title="编辑地址"> 编辑</a>
|
||||
<span class="cut">|</span>
|
||||
<a href="javascript:;" class="am-icon-trash-o address-submit-delete" data-url="{{:U('Home/UserAddress/Delete')}}" data-id="{{$address.id}}"> 删除</a>
|
||||
</div>
|
||||
</li>
|
||||
</foreach>
|
||||
|
||||
@ -37,9 +37,9 @@
|
||||
<if condition="isset($address['is_default']) and $address['is_default'] eq 1">
|
||||
<span class="am-badge am-badge-success am-radius">默认</span>
|
||||
</if>
|
||||
<span class="buy-address-detail">
|
||||
<span class="buy-user">{{$address.name}}</span>
|
||||
<span class="buy-phone">{{$address.tel}}</span>
|
||||
<span class="address-detail">
|
||||
<span class="user">{{$address.name}}</span>
|
||||
<span class="phone">{{$address.tel}}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
@ -49,12 +49,12 @@
|
||||
<span class="street">{{$address.address}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="new-addr-btn">
|
||||
<a href="javascript:;" class="address-default-submit" data-url="{{:U('Home/UserAddress/SetDefault')}}" data-id="{{$address.id}}" data-view="reload">设为默认</a>
|
||||
<span class="new-addr-bar">|</span>
|
||||
<a href="javascript:;" class="address-submit-save" data-url="{{:U('Home/UserAddress/SaveInfo', ['id'=>$address['id']])}}" data-popup-title="编辑地址">编辑</a>
|
||||
<span class="new-addr-bar">|</span>
|
||||
<a href="javascript:;" class="address-submit-delete" data-url="{{:U('Home/UserAddress/Delete')}}" data-id="{{$address.id}}">删除</a>
|
||||
<div class="address-operation-btn">
|
||||
<a href="javascript:;" class="am-icon-check-circle-o address-default-submit" data-url="{{:U('Home/UserAddress/SetDefault')}}" data-id="{{$address.id}}" data-view="reload"> 设为默认</a>
|
||||
<span class="cut">|</span>
|
||||
<a href="javascript:;" class="am-icon-edit address-submit-save" data-url="{{:U('Home/UserAddress/SaveInfo', ['id'=>$address['id']])}}" data-popup-title="编辑地址"> 编辑</a>
|
||||
<span class="cut">|</span>
|
||||
<a href="javascript:;" class="am-icon-trash-o address-submit-delete" data-url="{{:U('Home/UserAddress/Delete')}}" data-id="{{$address.id}}"> 删除</a>
|
||||
</div>
|
||||
</li>
|
||||
</foreach>
|
||||
|
||||
@ -3,13 +3,13 @@
|
||||
h3 { font-size: 14px;font-weight: 700;}
|
||||
.address h3 { border-bottom:none;}
|
||||
ul.address-list li{display:none;width:100%;padding:10px;position: relative;min-height:80px;}
|
||||
.address-left{ width:90%;float:left;position: relative;}
|
||||
ul.address-list li .user-base {font-size: 14px;font-weight: 700;}
|
||||
.address-left{ width:calc(100% - 25px);float:left;position: relative;}
|
||||
ul.address-list li .user-base {font-size: 14px; font-weight: 700; margin-bottom: 5px; }
|
||||
.address-right{ float:right; margin-right:5px;padding-top:15px ;}
|
||||
|
||||
/*地址操作-编辑删除*/
|
||||
.new-addr-btn {display:none;font-size: 12px;color: #282828;text-align: right; padding-right:5px ;}
|
||||
.new-addr-bar {padding: 0px 5px;vertical-align: top;}
|
||||
.address-operation-btn {display:none;font-size: 12px;color: #282828;text-align: right; padding-right:5px ;}
|
||||
.address-operation-btn .cut { padding: 0 5px;color: #ccc; vertical-align: top; }
|
||||
.address-default { display:block !important;}
|
||||
|
||||
/* 物流/支付 */
|
||||
@ -52,7 +52,7 @@ ul.address-list, .business-item ul { overflow: hidden; }
|
||||
.mobile-address { position: fixed; left: 0; bottom: 0; background-color: #fff; width: 100%; height: 100%; z-index: 1099; padding-top: 0 !important; margin-top: 0 !important; border-top: 0 !important; overflow-y: scroll; overflow-x: hidden; padding-bottom: 28px; }
|
||||
.mobile-address .control { margin-bottom: 10px; }
|
||||
.mobile-address .control h3 { background-color: #eee; padding: 5px; }
|
||||
.mobile-address .control, .mobile-address ul.address-list li, .mobile-address ul.address-list li .new-addr-btn { display: block !important; }
|
||||
.mobile-address .control, .mobile-address ul.address-list li, .mobile-address ul.address-list li .address-operation-btn { display: block !important; }
|
||||
.mobile-address .control .address-submit-save { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; }
|
||||
.mobile-address ul.address-list li { border-bottom: 1px solid #eee; padding-top: 5px; }
|
||||
.mobile-address ul.address-list li .address-left { width: 100%; }
|
||||
@ -103,8 +103,7 @@ ul.address-list, .business-item ul { overflow: hidden; }
|
||||
.th .td-inner{padding-left:0 ;}
|
||||
|
||||
/*地址操作*/
|
||||
.new-addr-btn {display:block;position: absolute;bottom:25px ;right:10px ;}
|
||||
.new-addr-bar {padding: 0px 5px;vertical-align: top;}
|
||||
.address-operation-btn {display:block;position: absolute;bottom:25px ;right:10px ;}
|
||||
.address-right .am-icon-angle-right { display: none; }
|
||||
}
|
||||
|
||||
@ -132,6 +131,8 @@ ul.address-list, .business-item ul { overflow: hidden; }
|
||||
.address .control { display: none; }
|
||||
.address-default {background: url(../Images/peraddress.png) repeat-x; background-position: bottom; }
|
||||
ul.address-list li { padding: 5px; min-height: 60px; overflow: hidden; }
|
||||
.address-detail .phone { float: right; }
|
||||
ul.address-list .am-icon-angle-right { color: #888; }
|
||||
|
||||
.business-item ul li { width: calc(50% - 6px); }
|
||||
.business-item ul li:nth-child(2n) { margin-right: 0; }
|
||||
|
||||
@ -1,59 +1,60 @@
|
||||
/**
|
||||
* 地址管理
|
||||
*/
|
||||
ul.address-list {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul.address-list li.address-default {
|
||||
background-image: url(../Images/peraddressbg.png);
|
||||
}
|
||||
|
||||
ul.address-list li {
|
||||
display: block;
|
||||
width: calc(50% - 5px);
|
||||
height: 130px;
|
||||
float: left;
|
||||
background-image: url(../Images/peraddbg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 10px 10px 0;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.address-list li .user-base {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.new-addr-btn {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 25px;
|
||||
color: #282828;
|
||||
text-align: right;
|
||||
.address-operation-btn .cut {
|
||||
padding: 0 5px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
ul.address-list li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 641px) {
|
||||
ul.address-list {
|
||||
overflow: hidden;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
ul.address-list li.address-default {
|
||||
background-image: url(../Images/peraddressbg.png);
|
||||
}
|
||||
|
||||
ul.address-list li {
|
||||
display: block;
|
||||
width: calc(50% - 5px);
|
||||
height: 130px;
|
||||
float: left;
|
||||
background-image: url(../Images/peraddbg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 0 10px 10px 0;
|
||||
padding: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.address-operation-btn {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 25px;
|
||||
color: #282828;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
ul.address-list li:nth-child(2n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1025px) {
|
||||
ul.address-list li {
|
||||
width: calc(25% - 8px);
|
||||
width: calc(33.33% - 7px);
|
||||
}
|
||||
|
||||
ul.address-list li:nth-child(2n) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
ul.address-list li:nth-child(4n) {
|
||||
ul.address-list li:nth-child(3n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
@ -69,6 +70,27 @@ ul.address-list li:nth-child(2n) {
|
||||
.am-footer {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
ul.address-list li {
|
||||
padding: 5px 0 28px 5px;
|
||||
position: relative;
|
||||
}
|
||||
ul.address-list li:not(:last-child) {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.address-detail .phone {
|
||||
float: right;
|
||||
}
|
||||
.address-operation-btn {
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 0;
|
||||
color: #282828;
|
||||
text-align: right;
|
||||
}
|
||||
.address-operation-btn a {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user