Skip to content

肖康 / H5_2.0

Go to a project
Commit 21898b31 by 肖康
Options

确认下单页面

parent f73f30ad
Inline Side-by-side
Showing with 197 additions and 26 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;
......@@ -384,5 +371,3 @@
}
}
\ 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;
......@@ -288,6 +289,91 @@
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,12 +131,15 @@
</view>
<bottomNavFixed actval="3" />
<view class="frend-pop" v-show="frendPopShow">
<view class="poppbox" @click="frendPopShow=!frendPopShow">
<view class="cons" @click.stop="frendPopShow=frendPopShow">
<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.stop="frendPopShow=!frendPopShow"></text>
<text class="icon iconfont icon-xxx" @click="closefrend()"></text>
</view>
<view class="popcons">
<view>1.国际运费补差情况</view>
......@@ -161,6 +164,8 @@
</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