页面优化

1.添加PC端订单支付 弹出支付二维码
2.添加确认订单的面包屑  从购物车和其他方向进去的不同显示
3.修改移动端按钮和合计样式显示问题
4.添加购物车的全选功能
5.添加支付页面面包屑功能
6.修改订单详情页 添加面包屑和分割线
7.添加购物车数量编辑的保存
This commit is contained in:
lin
2022-03-24 17:05:47 +08:00
parent 9f955a34eb
commit 9f7ce41eac
14 changed files with 1930 additions and 1737 deletions

View File

@@ -3,7 +3,7 @@
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item to="/" >{{ this.homepageName }}</el-breadcrumb-item>
<el-breadcrumb-item :to=item.path v-for="(item, index) in displayData"
<el-breadcrumb-item :to="{ path : item.path , query : item.query || {} }" v-for="(item, index) in displayData"
:key="index">{{ item.title }}</el-breadcrumb-item>
</el-breadcrumb>
</div>
@@ -29,7 +29,9 @@ export default {
'/personal/useraddress/':'我的订单',
'/myorder/userrecord/':'购物车',
'/useraddress/openaddress/':'收货地址',
'/personal/discount/':'优惠券'
'/personal/discount/':'优惠券',
'/productdetails/producted' : '产品详情',
'/personal/useraddress' : '我的订单'
},
};
},
@@ -55,7 +57,7 @@ export default {
if(this.crumbs && this.crumbs.length>0)
{
this.crumbs.forEach(function(ele,index){
let displayObj= {path:'',title:''};
let displayObj= {path:'',title:'',query : {}};
if(ele.path) {
displayObj.path = ele.path;
for(let path in _self.nameMapping) {
@@ -68,6 +70,10 @@ export default {
if(ele.title) {
displayObj.title = ele.title;
}
if(ele.query) {
displayObj.query = ele.query;
}
_self.displayData.push(displayObj);
});
}