zhc4dev
暖暖 2 years ago
parent 2f66054689
commit 48cd4dedd9
  1. 57
      ant-design-vue-jeecg/src/views/shopping/components/Order/placeOrder.vue

@ -148,6 +148,19 @@
<span class="f_14 c_31">总计</span>
<span class="f_20 c_31">35,500</span>
</p>
<div class="btnDiv">
<div type="primary" class="dialogButton primary f_14">立即购买</div>
</div>
<p class="explain f_12 c_999">说明</p>
<p class="f_12 c_999">在线支付订单提交之后15分钟内未付款订单将被系统自动取消请您尽快完成支付以确保商品能及时送达避免取消订单带来不必要的麻烦</p>
</div>
<div class="time">
<p class="f_20 c_333">预计配送时间</p>
<p class="f_12 c_333">我们将会在第一时间为您发货</p>
<p class="f_12 c_333">所有现货商品在1-2个工作日发货门店调货商品会视货品情况进行发货</p>
<p class="f_12 c_333">*定制商品除外</p>
<p class="f_16 c_333">需要多长时间能够送达 </p>
<p class="f_12 c_333">中国大陆2-5个工作日视货品情况而定</p>
</div>
</div>
</div>
@ -201,6 +214,28 @@
};
</script>
<style lang="less" scoped>
.btnDiv{
border-bottom: 1px solid #E7E7E7;
padding-bottom: 30px;
padding-top: 20px;
.dialogButton {
height: 44px;
text-align: center;
line-height: 44px;
transition: all 0.2s;
}
.primary {
background: #1b1b1b;
border: 2px solid #1b1b1b;
color: #e5dfd9;
&:hover {
// border-color: #1b1b1b;
// color: #1b1b1b;
// background-color: #fff;
opacity: 0.8;
}
}
}
.placeOrder{
padding-top: 54px;
padding-bottom: 80px;
@ -266,6 +301,7 @@
.order{
background: #FFFFFF;
padding: 24px 43px;
margin-bottom: 24px;
.d-flex{
justify-content: space-between;
.left{
@ -288,6 +324,27 @@
width: 60px;
height: 77px;
}
}
.explain{
padding-top: 25px;
padding-bottom: 10px;
}
}
.time{
background: #fff;
padding: 24px 43px;
p{
margin-bottom: 5px;
}
.f_20{
font-weight: 500;
margin-bottom: 30px;
}
.f_16{
font-weight: 500;
margin-top: 45px;
margin-bottom: 25px;
}
}
}

Loading…
Cancel
Save