|
|
|
@ -148,6 +148,19 @@ |
|
|
|
<span class="f_14 c_31">总计</span> |
|
|
|
<span class="f_14 c_31">总计</span> |
|
|
|
<span class="f_20 c_31">￥35,500</span> |
|
|
|
<span class="f_20 c_31">￥35,500</span> |
|
|
|
</p> |
|
|
|
</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> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -201,6 +214,28 @@ |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang="less" scoped> |
|
|
|
<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{ |
|
|
|
.placeOrder{ |
|
|
|
padding-top: 54px; |
|
|
|
padding-top: 54px; |
|
|
|
padding-bottom: 80px; |
|
|
|
padding-bottom: 80px; |
|
|
|
@ -266,6 +301,7 @@ |
|
|
|
.order{ |
|
|
|
.order{ |
|
|
|
background: #FFFFFF; |
|
|
|
background: #FFFFFF; |
|
|
|
padding: 24px 43px; |
|
|
|
padding: 24px 43px; |
|
|
|
|
|
|
|
margin-bottom: 24px; |
|
|
|
.d-flex{ |
|
|
|
.d-flex{ |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
|
.left{ |
|
|
|
.left{ |
|
|
|
@ -288,6 +324,27 @@ |
|
|
|
width: 60px; |
|
|
|
width: 60px; |
|
|
|
height: 77px; |
|
|
|
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; |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
