作者 lihan

拿到前端修改过后的订单确认页面重新写一些联动逻辑,目前支持余额支付

... ... @@ -95,4 +95,19 @@ class IndexController extends HomeBaseController
}
}
public function bindMobile()
{
$request = request();
if ($request->isAjax()) {
$user_id = session('user.id');
$tel = $request->param('tel');
if (Db::name('user')->where(['id' => $user_id])->value('is_first') == 1) {
Db::name('user')->update(['id' => $user_id, 'tel' => $tel, 'is_first' => 0]);
echo json_encode(['msg'=>'绑定成功']);
//领取优惠券
exit();
}
}
}
}
\ No newline at end of file
... ...
... ... @@ -10,7 +10,7 @@
// [ 入口文件 ]
// 调试模式开关
define("APP_DEBUG", false);
define("APP_DEBUG", true);
// 定义CMF根目录,可更改此目录
define('CMF_ROOT', __DIR__ . '/../');
... ...
... ... @@ -7,7 +7,7 @@
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" />
<link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_3se1rq7vwl5.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_lmxwdl64j4h.css" />
<script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js"></script>
<script type="text/javascript" src="__TMPL__/static/js/base.js"></script>
<link rel="stylesheet" href="__TMPL__/static/css/orders_submitted.css" />
... ... @@ -15,6 +15,39 @@
.weui-picker__group {
font-size: 0.3rem;
}
.people li {
display: block;
align-items: center;
height: 2.04rem;
padding: 0.36rem 0.31rem 0.1rem 0.32rem;
border-bottom: 1px solid #F6F6F6;
}
.mold {
display: none;
}
.weui-picker__action:first-child {
text-align: left;
color: #888;
}
.weui-toast {
line-height: 1rem;
height: 1rem;
font-size: 0.3rem;
position: fixed;
z-index: 5000;
width: 3rem;
min-height: 1em;
top: 180px;
left: 50%;
margin-left: -3.8em;
background: hsla(0,0%,7%,.7);
text-align: center;
border-radius: 5px;
color: #fff;
}
.weui-picker__group {
font-size: 0.3rem;
}
.mold {
display: none;
}
... ... @@ -57,6 +90,10 @@
.mold_out {
display: none;
}
.outtravel .chooseall button{
right: 0;
top:0;
}
</style>
</head>
... ... @@ -65,7 +102,7 @@
套餐信息
</div>
<div class="information">
<ul>
<ul class="jai">
<li class="mingcheng">
<span>
套餐名称
... ... @@ -105,72 +142,54 @@
</li>
</ul>
</div>
<a href="Pedestrian_choice.html">
<div class="chengke">
<span>乘客信息</span>
<div class="xuan">
<div class="chengke">
<span>乘客信息</span>
<div class="xuan">
<span class="xuanze">
请选则出行人
</span>
<i class="iconfont icon-common-jinru-copy"></i>
</div>
<i class="iconfont icon-common-jinru-copy"></i>
</div>
</a>
</div>
<div class="qita">
其他信息
</div>
<ul class="youhui">
<a href="discountCoupon.html">
<li class="you">
<span>
优惠券
</span >
<div class="wu">
<span class="liang lian waitmoney" >
¥5代金券
</span>
<span>
<i class="iconfont icon-common-jinru-copy"></i>
</span>
</div>
</li>
</a>
<li class="shang titles">
<div>
商家备注&nbsp;<span>(限十字以内)</span>
</div>
<input type="text" placeholder="点击可给商家留言" class="liang lian1"/>
</li>
<li class="dan jus">
<span>
单房差(一人一房)
</span >
<div class='dan_box'>
<span class="liang lian2" >
请选择
</span>
<span>
<i class="iconfont icon-common-jinru-copy"></i>
</span>
<!--优惠-->
<div class="you">
<div class="chengke1">
<span class="hui">优惠券</span>
<div class="xuan3">
<span class="xuanze1">
请选择
</span>
<i class="iconfont icon-common-jinru-copy"></i>
</div>
</li>
<li class="dan1 me">
<div class="danxuan">
<i class="iconfont icon-duigou"></i>
</div>
<div class="chengke1">
<span class="hui">商家备注(10字以内)</span>
<div class="xuan2">
<input type="text" placeholder="点击可给商家留言" class="dian_text">
</div>
<div class="wo">我已同意
<a href="agreement.html" class="phurse">购买协议和合同协议</a>
</div>
<div class="chengke1">
<span class="hui">单房差(一人一房)</span>
<div class="xuan1">
<span class="xuanze2 xuandan">
请选择
</span>
<i class="iconfont icon-common-jinru-copy"></i>
</div>
</li>
</ul>
</div>
<div class="t chengke1">
<i class="iconfont icon-weixuanzhong1"></i>
<span class="comx">我已同意购买<a href="agreement.html" class="aaa">协议和合同协议</a></span>
</div>
</div>
<div class="zhezhao">
</div>
<footer>
<span>定金:¥<span id="down_price">{$data.down_price}</span></span>
<span class="jin">定金:¥<span id="down_price">{$data.down_price}</span></span>
<span>总价:¥<span id="total">{$data.total}</span></span>
<!--<a href="orderPay.html">-->
<input type="button" value="提交订单" class="sub" id="sub" />
... ... @@ -305,18 +324,285 @@
<span class="phone_btn"><span class="agreed">确认</span></span>
</div>
</div>
<!--选择出行人弹窗-->
<div class="outtravel">
<div class="chuxing">
<ul class="people">
<li class="userInfo">
<div class="guo">
<div class="gli">
<!--<div>-->
<div class="circle circle_chu">
<i class="iconfont icon-duigou"></i>
</div>
<!--</div>-->
<!--<i class="iconfont icon-yuancircle46"></i>-->
<div class="xin">
<span class="guoxin">
<span class="name">郭新宇</span>&nbsp;&nbsp;&nbsp; &nbsp;136120645435</span>
<span>身份证:123543546576868</span>
</div>
</div>
<div class="bian">
<div class="bianji">
<i class="iconfont icon-bianji"></i>编辑
</div>
<div class="delete">
<i class="iconfont icon-shanchu"></i> 删除
</div>
</div>
</div>
</li>
<li class="userInfo">
<div class="guo">
<div class="gli">
<div class="circle circle_chu">
<i class="iconfont icon-duigou"></i>
</div>
<!--</div>-->
<!--<i class="iconfont icon-yuancircle46"></i>-->
<div class="xin">
<span class="guoxin">
<span class="name">郭新宇</span>&nbsp;&nbsp;&nbsp; &nbsp;136120645435</span>
<span>身份证:123543546576868</span>
</div>
</div>
<div class="bian">
<div class="bianji">
<i class="iconfont icon-bianji"></i>编辑
</div>
<div class="delete">
<i class="iconfont icon-shanchu"></i>删除
</div>
</div>
</div>
</li>
<li class="userInfo">
<div class="guo">
<div class="gli">
<div class="circle circle_chu">
<i class="iconfont icon-duigou"></i>
</div>
<!--</div>-->
<!--<i class="iconfont icon-yuancircle46"></i>-->
<div class="xin">
<span class="guoxin">
<span class="name">郭新宇</span>&nbsp;&nbsp;&nbsp; &nbsp;136120645435</span>
<span>身份证:123543546576868</span>
</div>
</div>
<div class="bian">
<div class="bianji">
<i class="iconfont icon-bianji"></i>编辑
</div>
<div class="delete">
<i class="iconfont icon-shanchu"></i>删除
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="quanxuan chooseall">
<div class="check">
<div class="circle circle_chu" id="selectAll">
<i class="iconfont icon-duigou"></i>
</div>
<span>全选</span>
</div>
<button class="agree" onclick="agreeFun()">
确定
</button>
</div>
<div class="tianjia ok ok_xing">
添加出行人
</div>
</div>
<!--选择优惠券=============================================-->
<div class="choose_waitquan">
<!--待使用优惠券-->
<div class="wai1" id="wai1">
<div class="wai" data-id="1">
<div class="youhui">
<div class="circle1">
<i class="iconfont icon-duigou"></i>
</div>
<div class="quan">
<img src="__TMPL__/static/images/f2.png" alt="" />
<div class="dai">
<div class="money"><span class="money_five">20</span></div>
<div class="date">
<span>代金券</span>
<span class="you">有效期:2018.08.06-2018.08.08</span>
</div>
</div>
</div>
</div>
</div>
<div class="wai">
<div>
<div class="youhui">
<div class="circle1">
<i class="iconfont icon-duigou "></i>
</div>
<div class="quan">
<img src="__TMPL__/static/images/f2.png" alt="" />
<div class="dai">
<div class="money"><span class="money_five">6</span></div>
<div class="date">
<span>代金券</span>
<span class="you">有效期:2018.08.06-2018.08.08</span>
</div>
</div>
</div>
</div>
<div>
</div>
</div>
</div>
</div>
<!--已过期代金券-->
<div id="wai2">
<div class="wai">
<div class="youhui">
<div class="quan">
<img src="__TMPL__/static/images/f2.png" alt="" />
<div class="dai">
<span class="outdate"><img src="__TMPL__/static/images/outdate.png" alt="" /></span>
<div class="money">¥5</div>
<div class="date">
<span>代金券</span>
<span class="you">有效期:2018.08.06-2018.08.08</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="youhui">
<div class="quan">
<img src="__TMPL__/static/images/f2.png" alt="" />
<div class="dai">
<span class="outdate"><img src="__TMPL__/static/images/outdate.png" alt="" /></span>
<div class="money">¥5</div>
<div class="date">
<span>代金券</span>
<span class="you">有效期:2018.08.06-2018.08.08</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!--已使用代金券-->
<div id="wai3">
<div class="wai">
<div class="youhui">
<div class="quan">
<img src="__TMPL__/static/images/f2.png" alt="" />
<div class="dai">
<span class="outdate"><img src="__TMPL__/static/images/use.png" alt="" /></span>
<div class="money">¥5</div>
<div class="date">
<span>代金券</span>
<span class="you">有效期:2018.08.06-2018.08.08</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="youhui">
<div class="quan">
<img src="__TMPL__/static/images/f2.png" alt="" />
<div class="dai">
<span class="outdate"><img src="__TMPL__/static/images/use.png" alt="" /></span>
<div class="money">¥5</div>
<div class="date">
<span>代金券</span>
<span class="you">有效期:2018.08.06-2018.08.08</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="agree3 ok" onclick="agreeFun3()">确定使用</div>
</div>
<!--添加出行人-->
<div class="jia_travel" style='display: none;'>
<ul class="list">
<li>
<span class="real ">真实姓名</span>
<input class="add name_1 chu" placeholder="请填写真实姓名"/>
</li>
<li>
<span class="real">性别</span>
<div class="xuanze_sex">
<div class="sex se">
<img src="__TMPL__/static/images/circle.png" class="yuan yu"><span></span>
</div>
<div class="sex">
<img src="__TMPL__/static/images/circle1.png" class="yuan yu1"><span></span>
</div>
</div>
</li>
<li>
<span class="real">手机号</span>
<input class="add phone chu" placeholder="请填写手机号码" />
</li>
<li>
<span class="real">微信号码</span>
<input class="add chu wei " placeholder="请填写微信号码"/>
</li>
<li>
<span class="real ">身份证号</span>
<input class="add confirm chu zfzid" placeholder="请填写身份证号"/>
</li>
</ul>
<!--====底部=====-->
<footer class="foot ok ok_chu" id="foot">
保存
</footer>
</div>
<div id="toast" style='display: none;'>
<div class="weui-mask_transparent"></div>
<div class="weui-toast">
<!--<i class="weui-icon-success-no-circle weui-icon_toast"></i>-->
<p class="weui-toast__content">已完成</p>
</div>
</div>
<script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/weui.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/myweui.js"></script>
<script type="text/javascript" src="__TMPL__/static/index.js"></script>
<script type="text/javascript" src="__TMPL__/static/assets/js/common.js"></script>
<script type='text/javascript' src='__TMPL__/static/assets/js/Augly_Verification.js'></script>
<script>
var schedule_id='{$data.choose.schedule_id}'
$('.xuandan').click(function(){
$('.move').css('display','block');
})
var schedule_id='{$data.choose.schedule_id}';
var activity_id='{$data.activity.activity_id}';
var max = '{$data.choose.allowMaximum}';
var is_first='{$data.is_first}';
$(function() {
... ... @@ -452,12 +738,29 @@
}else {
$('.move1').css('display', 'block');
}
})
$(".agreepay").click(function () {
alert('提交订单');
$.ajax({
url:"{:url('order/Order/done')}",
data:{
activity_id:activity_id,
schedule_id:schedule_id,
num:$("#quantity").html(),
escort:'9,10',
payment:1,
discount_coupon_id:'',
desc:$('.dian_text').val(),
room:$('.xuandan').html()
},
type:"POST",
dataType:"JSON",
success: function (data) {
console.log(data);
}
})
})
... ... @@ -531,12 +834,12 @@
$('.bottom_button').click(function() {
var inputLength = $('.mold_center').find('img').length;
for(var i = 0; i < inputLength; i++) {
if($('.mold_center').find('img').eq(i).attr("src") =="../images/circle1.png") {
if($('.mold_center').find('img').eq(i).attr("src") =="__TMPL__/static/images/circle1.png") {
num = num + 1;
index = i;
}
}
if(num == 0) {
if(1 == 1) {
$('.mold_out').css('display', 'none');
$("#quantity").html(1);
$.ajax({
... ... @@ -554,10 +857,8 @@
$("#down_price").html(data.data.down_price);
$("#total").html(data.data.total);
max = data.data.choose.allowMaximum;
}
})
}})
} else {
$('.showcang').html($('.mold_center').find('span').eq(index).html());
$('.mold_out').css('display', 'none');
... ... @@ -577,6 +878,290 @@
$('.dainji').css('display', 'none');
$('.texteare1').focus();
})
//我已同意购买协议和合同协议
$(" .t .iconfont").click(function() {
if($(this).attr('class')=='iconfont icon-weixuanzhong1') {
$(this).attr('class','iconfont icon-xuanzhong3')
} else {
$(this).attr('class','iconfont icon-weixuanzhong1')
}
});
// 选择出行人
$('.delete').click(function(){
$(this).parents('.userInfo').remove();
})
var num= $('.people li').length;
var count = 0;
var circle=$('.circle');
var nameArr = [];
circle.click(function(){
if($(this).find('.icon-duigou').hasClass("now")){
$(this).find('.icon-duigou').removeClass("now");
$(this).find('.icon-duigou').css('color','rgba(255, 255, 255)');
$(this).css('border','0.02rem solid #999');
}else {
$(this).find('.icon-duigou').addClass("now");
$(this).find('.icon-duigou').css('color','rgb(254, 10, 1)');
$(this).css('border','0.02rem solid rgb(254, 10, 1)');
}
var len=$(".people").find('.icon-duigou.now').length;
console.log(len);
if(num == len) {
$("#selectAll").css('border','0.02rem solid rgb(254, 10, 1)');
$("#selectAll").find('.icon-duigou').css('color','rgba(254, 10, 1)');
}else{
$("#selectAll").css('border','0.02rem solid rgb(153, 153, 153)');
$("#selectAll").find('.icon-duigou').css('color','rgb(255, 255, 255)');
}
})
//全选反选
$("#selectAll").click(function(){
if(circle.find('.icon-duigou').css('color')=='rgb(255, 255, 255)'){
circle.find('.icon-duigou').css('color','rgb(254, 10, 1)');
circle.css('border','0.02rem solid rgb(254, 10, 1)');
}else{
circle.find('.icon-duigou').css('color','rgb(255, 255, 255)');
circle.css('border','0.02rem solid #999');
}
})
var arr=[];
$('.agree').click(function(){
$('.outtravel').css('display','none');
})
$('.xuan').click(function(){
$('.outtravel').css('display','block');
})
// 点击确定时,出行人名字添加到数组,回显到订单提交页面;
function agreeFun() {
var nameArr = [];
for (var i = 0; i < $(".userInfo").length; i++ ) {
if($(".userInfo").eq(i).find(".icon-duigou").hasClass("now")) {
var name = $(".userInfo").find(".name").html();
if(nameArr.length >= 2) {
break;
}else {
nameArr.push(name);
}
}
}
console.log(nameArr)
console.log(nameArr[0])
if(nameArr[0]!=undefined&&nameArr[1]==undefined){
$('.xuanze').html(nameArr[0]);
}else if(nameArr[0]!=undefined&&nameArr[1]!=undefined){
$('.xuanze').html(nameArr[0]+' '+nameArr[1]);
}else {
$('.xuanze').html('请选择出行人');
}
// var name=encodeURI(encodeURI(nameArr));
// var url="orders_submitted.html?name="+name;
// window.location.href = url;
}
// 添加出行人
function getQueryString(name) {
var reg = new RegExp("(^|&)" +
name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r != null) return unescape(r[2]);
//return null;
return '请选择出行人';
}
function add(){
var arrlist=decodeURI(getQueryString('arrlist')).replace(/,/g ,' ');
//$("#parentIndustryUL").append(" <li value="+industry.xyIndustryId+">"+industry.industryName+"</li>");
}
add();
// 选择优惠券
var wai1 = $('#wai1');
var wai2 = $('#wai2');
var wai3 = $('#wai3');
var nouse = $('#nouse');
var outdata = $('#outdata');
var used = $('#used');
$('#nouse').click(function() {
wai1.css('display', 'block');
wai2.css('display', 'none');
wai3.css('display', 'none');
nouse.css('color', '#FE0A01');
outdata.css('color', '#252729');
used.css('color', '#252729');
})
$('#outdata').click(function() {
wai1.css('display', 'none');
wai2.css('display', 'block');
wai3.css('display', 'none');
nouse.css('color', '#252729');
outdata.css('color', '#FE0A01');
used.css('color', '#252729');
})
$('#used').click(function() {
wai1.css('display', 'none');
wai2.css('display', 'none');
wai3.css('display', 'block');
nouse.css('color', '#252729');
outdata.css('color', '#252729');
used.css('color', '#FE0A01');
})
var circle1 = $('.wai1 .youhui .circle1');
circle1.click(function() {
if($(this).find('.icon-duigou').css('color') == 'rgb(255, 255, 255)') {
// alert(1)
$(this).find('.icon-duigou').css('color', 'rgb(254, 10, 1)');
$(this).css('border', '0.02rem solid rgb(254, 10, 1)');
$(this).parents('.wai').siblings().find('.icon-duigou').css('color', 'rgb(255, 255, 255)');
$(this).parents('.wai').siblings().find('.circle1').css('border', '0.02rem solid #999');
} else {
// alert(2)
$(this).find('.icon-duigou').css('color', 'rgb(255, 255, 255)');
$(this).css('border', '0.02rem solid #999');
}
})
$('.xuan3').click(function(){
$.ajax({
url:"{:url('order/Order/confirm')}",
data:{
activity_id:'{$data.activity.activity_id}',
schedule_id:schedule_id,
num:$("#quantity").html()
},
type:"POST",
dataType:"JSON",
success: function (data) {
console.log(data.data.coupons);
$('.choose_waitquan').css('display','block');
}
})
})
// // 点击确定时,出行人名字添加到数组,回显到订单提交页面;
function agreeFun3() {
var arr = []
for(var i = 0; i < $(".wai1 .wai").length; i++) {
if($(".wai1 .wai").eq(i).find('.icon-duigou').css('color') == 'rgb(254, 10, 1)') {
var price = $(".wai1 .wai").eq(i).find('.money_five').html();
arr.push(price);
}
}
$('.choose_waitquan').css('display','none');
$('.xuanze1').html('¥'+arr[0]+'代金券');
}
$('.ok_chu').click(function() {
if($('.name_1').val() == '') {
toast('请填入您的姓名');
} else if($('.phone').val() == '') {
toast('请输入电话号码');
} else if(!AuglyTest_phone.test($('.phone').val())) {
toast('电话号码格式不正确');
} else if($('.wei').val() == '') {
toast('请输入微信号码');
} else if($('.zfzid').val() == '') {
toast('请输入身份证号');
} else if(!AuglyTest_ID.test($('.zfzid').val())) {
toast('身份证号输入不正确');
} else {
toast('验证通过');
$('.jia_travel').css('display','none');
}}
)
$('.ok_xing').click(function(){
$('.jia_travel').css('display','block')
})
$('.yu').click(function() {
if ($(this).attr('src') == '__TMPL__/static/images/circle.png') {
$(this).attr('src','__TMPL__/static/images/circle1.png') ;
$('.yu1').attr('src','__TMPL__/static/images/circle.png') ;
} else {
$(this).attr('src').attr('src','__TMPL__/static/images/circle.png') ;
$('.yu1').attr('src').attr('src','__TMPL__/static/images/circle1.png') ;
}
})
$('.yu1').click(function() {
if ($(this).attr('src') == '__TMPL__/static/images/circle.png') {
$(this).attr('src','__TMPL__/static/images/circle1.png') ;
$('.yu').attr('src','__TMPL__/static/images/circle.png') ;
} else {
$(this).attr('src').attr('src','__TMPL__/static/images/circle.png') ;
$('.yu').attr('src').attr('src','__TMPL__/static/images/circle1.png') ;
}
})
var liangVal = $('.xuandan').html();
var tem = '';
$('.required span').click(function(e) {
tem = $(this).html();
$(this).css('color', 'red');
$(this).siblings().css('color', '#000');
});
$('.call').click(function() {
$('.xuandan').html(liangVal);
})
$('.confirm').click(function() {
$('.xuandan').html(tem);
console.log($('.xuandan').html(tem))
liangVal = tem;
if(tem==''){
$('.xuandan').html('请选择');
}
$('.move').css('display', 'none');
})
$('.bianji').click(function(){
$('.jia_travel').css('display','block');
})
$('.agreed').click(function () {
$.ajax({
url:"{:url('portal/Index/bindMobile')}",
data:{
tel:$('.phone_input').val()
},
type:"POST",
dataType:"JSON",
success: function () {
is_first=0;
}
})
})
</script>
</body>
... ...
... ... @@ -81,7 +81,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
}
/*.information li .lian{
margin-right: 1rem;
}*/
.xuan{
display: flex;
... ... @@ -100,6 +100,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
border: 1px solid #aaa;
}
.information li{
background: #fff;
align-items:center ;
display: flex;
padding: 0 0.32rem 0 0.39rem;
... ... @@ -140,15 +141,19 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
color:#FF9966;
font-size: 0.28rem;
background: #fff;
margin-top: 0.2rem;
margin-top: 3rem;
line-height:0.88rem;
}
.qita{
padding-left:0.21rem;
.aaa{
color: #3988E5;
}
.qita {
margin-bottom: 0.1rem;
padding-left: 0.21rem;
margin-top: 0.2rem;
background: #fff;
height: 0.8rem;
line-height:0.8rem;
line-height: 0.8rem;
}
.xuanze{
margin-left: 0.6rem;
... ... @@ -232,7 +237,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
footer{
position: fixed;
display: flex;
padding-left:0.37rem ;
/*padding-left:0.37rem ;*/
height: 1rem;
display: flex;
background: #FFFFFF;
... ... @@ -243,9 +248,16 @@ footer{
justify-content: space-between;
align-items: center;
}
.shan1{
justify-content: space-between;
}
footer div span:nth-child(1){
color: #3399FF;
}
.jin{
margin-left:0.37rem;
}
footer input{
border:0;
width: 2.6rem;
... ... @@ -260,7 +272,7 @@ footer input{
footer span{
font-size: 0.27rem;
font-weight: Medium;
}
.dan_box{
display: flex;
... ... @@ -640,4 +652,760 @@ input::input-placeholder{
.money i{
font-size: 0.32rem;
color: #656565;
}
\ No newline at end of file
}
/*选择出行人*/
*{
margin:0;
padding:0;
}
body{
display:flex;
flex-direction: column;
}
.guo{
}
/*.icon-duigou{
color:#FE0A01;
}*/
.guoxin{
margin-bottom: 0.1rem;
}
.tianjia{
width:100%;
background:#3399FF;
}
.check{
display: flex;
}
.select{
margin-right:0.1rem ;
}
.gli{
display: flex;
/*align-items: center;*/
/*height: 2rem;
border-bottom: 1px solid #eee;*/
}
.all{
font-size: 0.3rem;
}
.icon{
color: #FE0A01;
font-size:0.5rem ;
margin-top: -0.05rem;
}
.xin{
display: flex;
/*align-items: center;*/
flex-direction: column;
margin-left: 0.2rem;
}
.xin span{
font-weight: Medium;
font-size: 0.3rem;
}
.bian{
display: flex;
justify-content: flex-end;
font-size:0.3rem ;
padding-bottom: 0.2rem;
margin-top: 0.1rem;
}
.bianji{
margin-right:0.2rem;
}
.people li{
display:block;
align-items: center;
height:2.04rem;
padding: 0.36rem 0.31rem 0 0.32rem;
border-bottom:1px solid #F6F6F6 ;
}
.quanxuan{
padding-left: 0.31rem;
display: flex;
justify-content: space-between;
font-size:0.36rem;
padding-bottom: 0.2rem;
border-top: 0.01rem solid #E0E0E0;
}
.quanxuan button{
height: 1.1rem;
width: 2.15rem;
color:#fff;
font-size:0.36rem;
background:#FE0A01;
border: none;
padding-right: 0.3rem;
}
.quanxuan button a{
color: #fff;
font-size: 0.36rem;
}
.tianjia{
width: 100%;
color: #fff;
background: #3399FF;
font-size: 0.36rem;
height: 1rem;
text-align: center;
line-height: 1rem;
}
.tianjia{
bottom:0;
position: fixed;
}
.quanxuan{
width: 100%;
bottom:0.7rem;
position: fixed;
display: flex;
justify-content: space-between;
align-items: center;
}
.ok:active{
opacity: 0.7;
}
.circle{
display:flex;
align-items: center;
justify-content:center;
width:0.44rem;
height: 0.44rem;
border-radius: 50%;
border:0.02rem solid #E0E0E0;
margin-right: 0.1rem;
}
.check{
display: flex;
align-items: center;
}
.icon-duigou{
color: #fff;
font-size:0.35rem;
}
.circ{
border:0.02rem solid #FE0A01;
border-radius: 50%;
margin: 0 0.3rem 0 0;
}
.cir{
border:0.02rem solid #999;
}
.icon{
position: absolute;
left: -0.02rem;
top:-0.11rem;
color:#FE0A01;
font-size:0.5rem;
}
.weui-picker__group {
font-size: 0.3rem;
}
.icon-duigou.now {
color: rgb(254, 10, 1);
}
a{
color:#000;
}
.bianji{
margin-right:0.3rem;
}
.outtravel{
background-color: #fff;
position: fixed;
top: 0rem;
left: 0;
width: 100%;
height: 100%;
display: none;
}
/*选择优惠券*/
.swiper-container {
height: 3.6rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
left: 44%;
}
#wai2 {
display: none;
}
#wai3 {
display: none;
}
.icon-xuanzhong {
display: none;
}
*{
margin:0;
padding:0;
}
body{
display:flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.choose_waitquan{
display: none;
background-color: #fff;
position: fixed;
width: 100%;
height: 100%;
}
*{
margin:0;
padding:0;
}
body{
display:flex;
flex-direction: column;
}
.agree1 {
width: 100%;
height: 1rem;
background: #3399FF;
display: flex;
justify-content: center;
font-size: 0.36rem;
color: #fff;
align-items: center;
position: absolute;
bottom: 0;
}
.out{
margin: 0.37rem 0.32rem 0.31rem;
}
.you{
margin-top: 0.1rem;
}
.youhui{
display:flex;
align-items: center;
justify-content: space-between;
padding: 0.1rem 0;
justify-content: center;
}
.use{
display: flex;
justify-content: space-between;
padding: 0 0.75rem;
}
.active{
color: red;
}
.wai{
padding-top: 0.2rem;
}
.use span{
font-size:0.32rem ;
}
.quan{
/*background-image: url('../images/f2.png');*/
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
position: relative;
width: 6.1rem;
height:1.8rem;
}
.quan img{
width:100%;
height: 100%;
}
.circle{
position: relative;
width:0.44rem;
height: 0.44rem;
/*border:0.02rem solid #FE0A01;*/
border-radius: 50%;
margin: 0 0.3rem 0 0;
}
.icon-xuanzhong{
font-size: 0.5rem;
}
.icon-yuancircle46{
font-size: 0.7rem;
}
.cir{
border:0.02rem solid #999;
}
/*.circle .iconfont{
position: absolute;
left: -0.02rem;
top:-0.13rem;
/*color:#FE0A01;*/
.dai{
position: absolute;
top:0.4rem;
left:0.52rem;
display:flex;
justify-content:space-between;
align-items: center;
}
.icon-xuanzhong{
color:#FE0A01 ;
}
.date span{
font-size: 0.26rem;
color:#252729 ;
}
.date span:nth-child(1){
font-size: 0.32rem;
}
.date span:nth-child(2){
font-size: 0.26rem;
}
.money{
font-size: 0.6rem;
color:#FE0A01;
margin: 0 0.2rem 0 0;
}
.date{
display:flex;
flex-direction: column;
justify-content: center;
text-align: center;
color:#252729;
}
.ok{
font-size: 0.36rem;
width: 100%;
height: 1rem;
background:#3399FF;
color:#FFFFFF ;
text-align: center;
line-height: 1rem;
position:fixed;
bottom: 0;
left: 0;
}
.ok:active{
opacity: 0.7;
}
.out{
margin: 0.37rem 0.32rem 0.31rem;
}
.outdate{
position: absolute;
z-index: 10;
width: 2.22rem;
height: 2rem;
}
.youhui{
display:flex;
align-items: center;
justify-content: center;
}
.use{
display: flex;
justify-content: space-between;
padding: 0 0.75rem;
}
.active{
color: red;
}
.wai{
padding-top: 0.2rem ;
}
.use span{
font-size:0.32rem ;
}
.quan{
/*background-image: url('../images/f2.png');*/
overflow: hidden;
background-position: center;
background-repeat: no-repeat;
position: relative;
width: 6.1rem;
height:1.8rem;
}
.quan img{
width:100%;
height: 100%;
}
.cir{
border:0.02rem solid #999;
}
.dai{
position: absolute;
top:0.4rem;
left:0.52rem;
display:flex;
justify-content:space-between;
align-items: center;
}
.icon-yuancircle46{
font-size: 0.65rem;
color: #999;
position: absolute;
left: -0.07rem;
top:-0.117rem;
}
.date span{
font-size: 0.26rem;
color:#252729 ;
}
.date span:nth-child(1){
/*padding:0 0 0.3rem 0;*/
font-size: 0.32rem;
}
.date span:nth-child(2){
font-size: 0.26rem;
}
.money{
font-size: 0.6rem;
color:#FE0A01;
margin: 0 0.2rem 0 0;
}
.circle{
position: relative;
width: 0.5rem;
height: 0.5rem;
border:0.02rem solid #999;
}
.date{
display:flex;
flex-direction: column;
justify-content: center;
text-align: center;
color:#252729;
}
.ok{
font-size: 0.36rem;
width: 100%;
height: 1rem;
background:#3399FF;
color:#FFFFFF ;
text-align: center;
line-height: 1rem;
position:fixed;
bottom: 0;
left: 0;
}
.ok:active{
opacity: 0.7;
}
.icon-duigou{
color:#fff;
position: absolute;
left:0rem;
top:-0.1rem;
font-size: 0.5rem;
}
.agree{
width: 100%;
height:1rem;
background: #3399FF;
display: flex;
justify-content: center;
font-size: 0.36rem;
color: #fff;
align-items: center;
position: absolute;
bottom:0;
}
/*修改*/
.chengke1 {
padding-right: 0.32rem;
display: flex;
justify-content: space-between;
padding-left: 0.39rem;
align-items: center;
color: #FF9966;
font-size: 0.28rem;
background: #fff;
border-bottom: 0.01rem solid #EBEBEB;
line-height: 0.88rem;
}
.xuan1 {
display: flex;
align-items: center;
}
.xuanze1 {
margin-left: 0.6rem;
color: #999999;
}
.xuanze2 {
margin-left: 0.6rem;
color: #999999;
}
.hui{
font-size: 0.28rem;
color: #252729;
}
.dian_text{
outline: none;
border: none;
text-align: right;
}
.xuan2 {
display: flex;
align-items: center;
}
.xuan3 {
display: flex;
align-items: center;
}
.chooseall{
height: 1rem;
}
.mold_out .year_change span{
color: #000;
font-size: 0.28rem;
}
.price {
font-size: 0.28rem;
color: #54C0B4;
}
.circle1 {
position: relative;
width: 0.5rem;
height: 0.5rem;
border: 0.02rem solid #999;
}
.circle1 {
position: relative;
width: 0.44rem;
height: 0.44rem;
/* border: 0.02rem solid #FE0A01; */
border-radius: 50%;
margin: 0 0.3rem 0 0;
}
.circle1 {
display: flex;
align-items: center;
justify-content: center;
width: 0.44rem;
height: 0.44rem;
border-radius: 50%;
border: 0.02rem solid #E0E0E0;
margin-right: 0.1rem;
}
.agree3 {
width: 100%;
height: 1rem;
background: #3399FF;
display: flex;
justify-content: center;
font-size: 0.36rem;
color: #fff;
align-items: center;
position: absolute;
bottom: 0;
}
.icon-weixuanzhong1{
font-size: 0.3rem;
color: #000;
}
.t{
/*height: 1rem;*/
}
.comx{
font-size: 0.26rem;
color: #252729;
}
.icon-xuanzhong3 {
font-size: 0.3rem;
color: #000;
}
.t {
justify-content: flex-start;
/* height: 1rem; */
}
/*添加出行人*/
.sex {
font-size: 0.32rem;
color: #000000;
}
input{
outline:none;
border:none;
text-align:right;
}
.tu{
display: flex;
flex-direction: column;
align-items: center;
}
.pic{
font-size:0.31rem;
margin-top:0.1rem;
color: #000000;
}
.se{
margin-right:1rem;
}
.ok:active{
opacity: 0.7;
}
.sex input{
width: 0.32rem;
height: 0.32rem;
display: inline-block;
}
.circle{
display: block;
width: 1.6rem;
height: 1.6rem;
}
.circle img{width: 100%;}
.name{
display:flex;
justify-content: space-between;
font-size:0.31rem;
}
.information{
height: 1rem;
color:#FE0A01 ;
font-size: 0.28rem;
text-align: center;
line-height:1rem;
background: #F5F5F5;
margin-top: 0.2rem;
}
.list li{
display:flex;
align-items: center;
justify-content: space-between;
padding-left:0.33rem;
padding-right:0.36rem;
height: 1.02rem;
border-bottom: 1px solid #EBEBEB;
line-height: 1rem;
}
.real{
font-size:0.32rem ;
color: #000;
}
.add{
font-size:0.3rem ;
color:#999999;
}
.foot{
justify-content: center;
background: #3988E5;
width: 100%;
height: 1rem;
line-height: 1rem;
color: #fff;
font-size:0.36rem;
text-align: center;
position: fixed;
bottom:0 ;
}
.ok:active{
opacity: 0.7;
}
.jia_travel{
width: 100%;
height: 100%;
position: fixed;
top:0;
left: 0;
background: #fff;
}
.chu{
width: 3.5rem;
border: 0;
text-align: right;
}
.circle_chu{
width: 0.52rem;
height: 0.52rem;
}
.jai{
background: #fff;
}
.xuanze_sex{display: flex;align-items: center}
.se {
display: flex;
align-items: center;
}
.sex {
display: flex;
align-items: center;
}
.yu{
}
... ...