Skip to content

肖康 / H5_2.0

Go to a project
Commit 21898b31 by 肖康
Options

确认下单页面

parent f73f30ad
Inline Side-by-side
Showing with 222 additions and 51 deletions
assets/css/car/car.scss
......@@ -330,23 +330,10 @@
}
.frend-pop{
background: rgba(0,0,0,0.5);
position: fixed;
z-index: 7;
left:0rpx;
top:0rpx;
bottom:0rpx;
right:0rpx;
.poppbox{
width:100%;
height:100%;
position: relative;
.poppbox{
.cons{
position: absolute;
left:0rpx;
bottom:0rpx;
width: 750rpx;
width:100%;
background: linear-gradient(180deg, #F0F6FF 0%, #FFFFFF 100%);
border-radius: 10rpx 10rpx 0px 0px;
......@@ -381,8 +368,6 @@
}
}
}
}
}
}
}
\ No newline at end of file
\ No newline at end of file
assets/css/confirm/confirm.scss
.confirmpage{
padding-top: 88rpx;
padding-bottom: 120rpx;
.chead{
width: 100%;
height: 88rpx;
......@@ -276,7 +277,7 @@
}
}
.remark{
.remark{
margin-top: 16rpx;
display: block;
height: 73rpx;
......@@ -286,9 +287,94 @@
padding:0 24rpx;
font-size: 24rpx;
color:$uni-color666;
}
.priceinfo{
margin-top: 16rpx;
min-height: 268rpx;
background: #FFFFFF;
border-radius: 10rpx 10rpx 0px 0px;
box-sizing: border-box;
padding:24rpx;
font-size: 24rpx;
color:$uni-color666;
padding-bottom: 0rpx;
.rowitem{
padding-right: 34rpx;
height:60rpx;
&.fisbox{padding-right: 0rpx;}
&.fainbox{border-top:1rpx solid #F0F0F2;}
.pris{
color:$uni-color333;
font-weight: 600;
}
.icon-jt{
font-size: 32rpx;
color:#c2c4cc;
font-weight: normal;
position: relative;
top:5rpx;
}
.icon-ts{
font-size: 32rpx;
color:$uni-coloract;
font-weight: normal;
position: relative;
top:5rpx;
margin-left: 6rpx;
}
.prist{
font-weight: 600;
color:$uni-colorwarning; //警告提示 黄色
}
}
}
.pagebot{
height: 62rpx;
line-height: 62rpx;
background: #F5F5F7;
font-size: 22rpx;
text-align: center;
color:#C6C7CC;
}
.confirmfoot{
position: fixed;
z-index: 1;
bottom: 0rpx;
left:0rpx;
padding:0 24rpx;
color:$uni-color666;
width:100%;
height:120rpx;
background: #fff;
box-sizing: border-box;
border-radius: 10rpx 10rpx 0px 0px;
.priceis{
font-size: 24rpx;
text{
color:$uni-colorwarning;
font-size: 32rpx;
font-weight: 600;
}
}
.btnh{
width: 180rpx;
height: 80rpx;
background: $uni-coloract;
border-radius: 10rpx;
font-size: 28rpx;
font-weight: 600;
color:#fff;
text-align: center;
line-height: 80rpx;
}
}
}
......@@ -344,3 +430,43 @@
}
}
.poppbox{
.cons{
width:100%;
background: linear-gradient(180deg, #F0F6FF 0%, #FFFFFF 100%);
border-radius: 10rpx 10rpx 0px 0px;
.pophead{
height:84rpx;
line-height: 40rpx;
padding-left:100rpx;
padding:24rpx;
.tits{
font-size: 28rpx;
font-weight: 600;
color: $uni-color333;
}
.iconfont{
font-size: 40rpx;
color:#c2c4cc;
}
}
.popcons{
padding:24rpx;
font-size: 24rpx;
color:$uni-color999;
line-height: 38rpx;
max-height:860rpx;
overflow-y: auto;
view{
font-size: 26rpx;
color:$uni-color666;
margin-bottom: 10rpx;
}
}
}
}
components/bottom_nav.vue
......@@ -72,7 +72,7 @@ export default {
right: 0;
z-index: 6;
padding-top: 14rpx;
z-index: 9999;
z-index: 9;
navigator {
display: block;
color: $uni-color999;
......
pages/car/car.vue
......@@ -14,7 +14,7 @@
<text class="icon iconfont icon-ts"></text>
<text>1.型号数据更新延迟问题 2.国际运费补差情况…</text>
</view>
<view @click="frendPopShow=!frendPopShow">查看<text class="icon iconfont icon-jt"></text></view>
<view @click="openfrend()">查看<text class="icon iconfont icon-jt"></text></view>
</view>
......@@ -131,35 +131,40 @@
</view>
<bottomNavFixed actval="3" />
<view class="frend-pop" v-show="frendPopShow">
<view class="poppbox" @click="frendPopShow=!frendPopShow">
<view class="cons" @click.stop="frendPopShow=frendPopShow">
<view class="pophead row bothSide">
<text class="tits">友情提醒</text>
<text class="icon iconfont icon-xxx" @click.stop="frendPopShow=!frendPopShow"></text>
</view>
<view class="popcons">
<view>1.国际运费补差情况</view>
（1）由于部分型号（如风扇、线缆、模块等）采购数量较多、体积较大或重量较重等原因出现超重情况时，视供应商不同可能需要客户补交超出部分的运费；<br>
（2）出现超重情况时，我们客服人员会第一时间与您取得联系，提醒您补交运费事项。<br><br>
<view>2.关税、商检、3C费用</view>
（1）根据国家海关规定：集成电路（IC）类的进口免关税；<br>
（2）非集成电路类的元器件（如继电器、带通滤波器、衰减器、各类模块、线缆等）可能需要额外增收3%-12%的关税；<br>
（3）开关、保险丝、气体放电管等需要商检和3C认证费用；<br>
（4）如果您所提交的订单中包含需要缴纳关税或其他报关费用的型号，我们客服人员会第一时间与您取得联系，并告知补款相关事宜。<br><br>
<view>3.关于禁运型号</view>
（1）猎芯网严格遵守海外供应商的相关出口限制规定，但凡涉及出口限制/禁运的型号均不予下单采购，具体情况需根据供应商的出货情况而定；<br>
（2）有时可能会发生在发货前临时被告知属于出口限制/禁运范围，需要撤单退款的情况。由此而产生的损失，猎芯网将不承担责任。给您带来不便我们深表歉意，敬请谅解。<br><br>
<view>4.订单审核机制</view>
（1）由于货物可能存在的关税、禁运等情况，猎芯网设置订单审核机制。用户成功提交订单后，需要由猎芯网客服人员确认订单，没有问题后再进行付款。订单审核的具体状态可登陆会员中心查看，或者联系在线客服了解详情。<br><br>
<view>5.型号数据更新延迟问题</view>
（1）猎芯网部分数据来源于供应商，基本保证实时更新。但是由于供应商库存数据对全球开放或者供应商网站本身数据存在少量更新不及时的情况，您在采购时所看到的现货价格和库存数等信息有可能存在些许误差；<br>
（2）成功下单后，若订单状态更新为“已确认订单”，请尽快付款，以免价格和库存数量发生变动。如有特殊情况发生，我们客服人员会第一时间与您取得联系。<br><br>客服热线：0755-82560956<br>企业QQ：800158432
<uni-popup ref="frendpopup" type="bottom">
<view class="frend-pop" >
<view class="poppbox" >
<view class="cons" >
<view class="pophead row bothSide">
<text class="tits">友情提醒</text>
<text class="icon iconfont icon-xxx" @click="closefrend()"></text>
</view>
<view class="popcons">
<view>1.国际运费补差情况</view>
（1）由于部分型号（如风扇、线缆、模块等）采购数量较多、体积较大或重量较重等原因出现超重情况时，视供应商不同可能需要客户补交超出部分的运费；<br>
（2）出现超重情况时，我们客服人员会第一时间与您取得联系，提醒您补交运费事项。<br><br>
<view>2.关税、商检、3C费用</view>
（1）根据国家海关规定：集成电路（IC）类的进口免关税；<br>
（2）非集成电路类的元器件（如继电器、带通滤波器、衰减器、各类模块、线缆等）可能需要额外增收3%-12%的关税；<br>
（3）开关、保险丝、气体放电管等需要商检和3C认证费用；<br>
（4）如果您所提交的订单中包含需要缴纳关税或其他报关费用的型号，我们客服人员会第一时间与您取得联系，并告知补款相关事宜。<br><br>
<view>3.关于禁运型号</view>
（1）猎芯网严格遵守海外供应商的相关出口限制规定，但凡涉及出口限制/禁运的型号均不予下单采购，具体情况需根据供应商的出货情况而定；<br>
（2）有时可能会发生在发货前临时被告知属于出口限制/禁运范围，需要撤单退款的情况。由此而产生的损失，猎芯网将不承担责任。给您带来不便我们深表歉意，敬请谅解。<br><br>
<view>4.订单审核机制</view>
（1）由于货物可能存在的关税、禁运等情况，猎芯网设置订单审核机制。用户成功提交订单后，需要由猎芯网客服人员确认订单，没有问题后再进行付款。订单审核的具体状态可登陆会员中心查看，或者联系在线客服了解详情。<br><br>
<view>5.型号数据更新延迟问题</view>
（1）猎芯网部分数据来源于供应商，基本保证实时更新。但是由于供应商库存数据对全球开放或者供应商网站本身数据存在少量更新不及时的情况，您在采购时所看到的现货价格和库存数等信息有可能存在些许误差；<br>
（2）成功下单后，若订单状态更新为“已确认订单”，请尽快付款，以免价格和库存数量发生变动。如有特殊情况发生，我们客服人员会第一时间与您取得联系。<br><br>客服热线：0755-82560956<br>企业QQ：800158432
</view>
</view>
</view>
</view>
</view>
</uni-popup>
</view>
</template>
......@@ -174,7 +179,6 @@
},
data() {
return {
frendPopShow: false,
editStatus:false,
carList: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
}
......@@ -182,6 +186,12 @@
methods: {
delItem(car_id) {
console.log(car_id)
},
openfrend() {
this.$refs.frendpopup.open('bottom');
},
closefrend() {
this.$refs.frendpopup.close();
}
}
}
......
pages/confirm/confirm.vue
......@@ -136,7 +136,30 @@
<input type="text" class="remark" placeholder="备注信息：请填写有关支付、收货、发票方面"/>
</view>
<view class="priceinfo">
<view class="row rowitem bothSide verCenter fisbox">
<text>优惠券</text>
<text class="pris">￥0.00<text class="icon iconfont icon-jt"></text></text>
</view>
<view class="row rowitem bothSide verCenter">
<text>商品金额</text>
<text class="pris">￥0.00</text>
</view>
<view class="row rowitem bothSide verCenter">
<text>运费<text class="icon iconfont icon-ts" @click="openyf()"></text></text>
<text class="pris">￥0.00</text>
</view>
<view class="row rowitem bothSide verCenter fainbox">
<text>应付金额</text>
<text class="prist">￥0.00</text>
</view>
</view>
<view class="pagebot">—— 已经到底了 ——</view>
<view class="confirmfoot row bothSide verCenter">
<view class="priceis">总金额：<text>¥1176.24</text></view>
<view class="btnh">提交订单</view>
</view>
<!--自提人信息弹窗-->
<uni-popup ref="popupztinfo" type="bottom">
......@@ -158,6 +181,27 @@
</view>
</view>
</uni-popup>
<!--运费-->
<uni-popup ref="yfpopup" type="bottom">
<view class="frend-pop" >
<view class="poppbox" >
<view class="cons" >
<view class="pophead row bothSide">
<text class="tits">运费</text>
<text class="icon iconfont icon-xxx" @click="closeyf()"></text>
</view>
<view class="popcons">
<view> 1、收件地址在深圳市内，运费为8元/单，在广东省内，运费为10元/单，在广东省外（大陆境内）运费为15元/单；</view>
<view> 2、吉林、黑龙江、辽宁、新疆、西藏、内蒙古、青海、宁夏与港澳台为18元一单</view>
<text>*以上说明解释权归猎芯网所有</text>
</view>
</view>
</view>
</view>
</uni-popup>
</view>
......@@ -176,6 +220,12 @@
},
closezt() {
this.$refs.popupztinfo.close();
},
openyf() {
this.$refs.yfpopup.open('bottom');
},
closeyf() {
this.$refs.yfpopup.close();
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment