123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106 |
- var id=mobile.getUrlVars("id");
- var car;
- mui.init();
- /**
- *初始化、添加监听
- */
- mui.ready(function(){
- getCarDetail();
- $("#phone").on("tap",function (e) {
- e.stopPropagation();
- location.href="tel:15960296973";
- });
- $("#chat").on("tap",function(e){
- var html=[];
- html.push('<img src="'+base+'/static/mnit/image/myqrcode.png" style="width:100%">');
- mui.alert(html.join(""), '微信咨询');
- });
- });
- //获取商品信息
- function getCarDetail(){
- mobile.ajaxPost(base+"/car/getCar",{id:id},function(json){
- if(json.success){
- car = json.data;
- share.imgUrl=imgUrl+car.car_img1;
- share.title=car.car_name
- $(".carName").html(car.car_name);
- $(".car-year").html(new Date(car.car_year.replace(/-/g, "/")).format("yyyy年MM月"));
- $(".mileage").html(car.mileage+"万公里");
- $(".view-num").html(car.view_num+"人关注");
- $(".price").html('<span class="bold">'+car.price+'</span>万<span class="color2 fs12"> 新车价:'+car.new_price+'万</span>');
- var arr = [];
- if(car.car_img1){
- arr.push(car.car_img1);
- }
- if(car.car_img2){
- arr.push(car.car_img2);
- }
- if(car.car_img3){
- arr.push(car.car_img3);
- }
- $('.mui-content').removeClass('mui-hidden');
- $('.mui-bar-tab').removeClass('mui-hidden');
- initSlider(arr);
- if(car.car_detail){
- $("#detail").html(car.car_detail);
- $("img.lazy").lazyload({
- threshold : 50,
- effect: "fadeIn",
- placeholder: base+'/static/mobile/image/500.gif',
- skip_invisible : false
- });
- }else{
- $("#detail").html('<span class="fs14 color2">暂无信息</span>');
- }
- }else{
- layer.open({content: json.msg,time: 3});
- }
- });
- }
- function initSlider(arr){
- $("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
- '<a href="javascript:void(0)">'+
- '<img class="slider-lazy" src="'+imgUrl+arr[arr.length-1]+'" >'+
- '</a>'+
- '</div>');
- if(arr.length>1){//数量大于1定时滚动
- for(var i=0;i<arr.length;i++){
- $("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
- '<a href="javascript:void(0)">'+
- '<img class="slider-lazy" src="'+imgUrl+arr[i]+'" >'+
- '</a>'+
- '</div>');
- if(i==0){
- $("#slider .mui-slider-indicator").append('<div class="mui-indicator mui-active"></div>');
- }else{
- $("#slider .mui-slider-indicator").append('<div class="mui-indicator"></div>');
- }
- }
- }else{//数量等于1
- $("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
- '<a href="javascript:void(0)">'+
- '<img class="slider-lazy" src="'+imgUrl+arr[0]+'" >'+
- '</a>'+
- '</div>');
- }
- $("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
- '<a href="javascript:void(0)">'+
- '<img src="'+imgUrl+arr[0]+'" >'+
- '</a>'+
- '</div>');
- if(arr.length>1){
- var slider = mui("#slider");
- slider.slider({
- interval: 3000
- });
- }
- // $("img.slider-lazy").lazyload({
- // threshold : 200,
- // placeholder: base+'/static/mobile/image/500.gif',
- // skip_invisible : false
- // });
- }
|