w-front-end / select_good · Commits

Commit 1ec488b3e5e99c44ef4480c1306a567dafb6ff21

Authored by zhiyangdu
1 parent ef652cc8

商品详情页图片懒加载

Inline Side-by-side
Showing 2 changed files with 94 additions and 94 deletions
src/pages/goodDetails/goodDetails.vue
  View file @1ec488b
@@ -35,7 +35,7 @@ @@ -35,7 +35,7 @@
35 }" 35 }"
36 > 36 >
37 </swiper> --> 37 </swiper> -->
38 - <img v-if="goodsInfo && goodsInfo.simg" class="goods-img" :src="goodsInfo.simg" alt=""/> 38 + <img v-if="goodsInfo && goodsInfo.simg" class="goods-img" v-lazy="goodsInfo.simg" alt=""/>
39 <!-- 内容 --> 39 <!-- 内容 -->
40 <div class="main-box"> 40 <div class="main-box">
41 <!-- 标题 --> 41 <!-- 标题 -->
@@ -217,7 +217,7 @@ export default { @@ -217,7 +217,7 @@ export default {
217 } 217 }
218 } 218 }
219 }, 219 },
220 - watch: { 220 + watch: {
221 // 设置页面标题 221 // 设置页面标题
222 title (newVal) { 222 title (newVal) {
223 if (this.$store.state.browser.toLowerCase() == "qq" && this.$store.state.deviceType.toLowerCase() == "iphone") { 223 if (this.$store.state.browser.toLowerCase() == "qq" && this.$store.state.deviceType.toLowerCase() == "iphone") {
@@ -250,18 +250,18 @@ export default { @@ -250,18 +250,18 @@ export default {
250 } 250 }
251 } 251 }
252 }, 252 },
253 - // 跳转到确认订单详情 253 + // 跳转到确认订单详情
254 jumpToConfirmOrderPage (item) { 254 jumpToConfirmOrderPage (item) {
255 // 判断APP内 255 // 判断APP内
256 - if (this.isCNLive.value){ 256 + if (this.isCNLive.value) {
257 // （判断app内是否有该方法）type=2为积分加现金模式 257 // （判断app内是否有该方法）type=2为积分加现金模式
258 if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.jumpToConfirmOrderPage) { 258 if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.jumpToConfirmOrderPage) {
259 // 跳转到原生的任务列表 259 // 跳转到原生的任务列表
260 - window.webkit.messageHandlers.jumpToConfirmOrderPage.postMessage({ body: { pointsOrderId: item.id, goodSid: item.goodsid, num: this.stepperValue, type:4} }) 260 + window.webkit.messageHandlers.jumpToConfirmOrderPage.postMessage({ body: { pointsOrderId: item.id, goodSid: item.goodsid, num: this.stepperValue, type: 4 } })
261 } else if (window.obj && window.obj.jumpToConfirmOrderPage) { 261 } else if (window.obj && window.obj.jumpToConfirmOrderPage) {
262 // 跳转到原生的任务列表 262 // 跳转到原生的任务列表
263 - window.obj.jumpToConfirmOrderPage(JSON.stringify({ pointsOrderId: item.id, goodSid: item.goodsid, num: this.stepperValue, type:4 }));  
264 - } 263 + window.obj.jumpToConfirmOrderPage(JSON.stringify({ pointsOrderId: item.id, goodSid: item.goodsid, num: this.stepperValue, type: 4 }));
  264 + }
265 } 265 }
266 }, 266 },
267 // 跳转网家家购买音频协议 267 // 跳转网家家购买音频协议
@@ -353,65 +353,65 @@ export default { @@ -353,65 +353,65 @@ export default {
353 } 353 }
354 }, 354 },
355 // 版本判断 355 // 版本判断
356 - versionJudgment(){ 356 + versionJudgment () {
357 if (this.isCNLive.value) { 357 if (this.isCNLive.value) {
358 - let options;  
359 - if (this.isAndroid.value) {  
360 - if (this.ver != "") {  
361 - var ver = this.ver ? this.ver.replace(/\.*/g, "") : "";  
362 - }  
363 - var isVer = 1732;  
364 - if (ver > isVer) {  
365 - // 调用底部商品数量层  
366 - this.opintsPopup();  
367 - }else{  
368 - // 提示用积分兑换兑换  
369 - options = {  
370 - message: "当前版本过旧，请升级最新版本",  
371 - messageAlign: "center",  
372 - confirmButtonText: "去更新",  
373 - confirmButtonCallback:this.appUpdate,  
374 - showCancelButton: true,  
375 - cancelButtonText: "取消"  
376 - };  
377 - }  
378 - } else if (this.isiPhone.value) {  
379 - if (this.version != "") {  
380 - var version = this.version ? this.version.replace(/\.*/g, "") : "";  
381 - }  
382 - if (this.mode == "prod") {  
383 - var isVer = 189;  
384 - } else {  
385 - var isVer = 189;  
386 - }  
387 - if (version > isVer) {  
388 - // 调用底部商品数量层  
389 - this.opintsPopup();  
390 - }else{  
391 - // 提示用积分兑换兑换  
392 - options = {  
393 - message: "当前版本过旧，请升级最新版本",  
394 - messageAlign: "center",  
395 - confirmButtonText: "去更新",  
396 - confirmButtonCallback:this.appUpdate,  
397 - showCancelButton: true,  
398 - cancelButtonText: "取消"  
399 - };  
400 - } 358 + let options;
  359 + if (this.isAndroid.value) {
  360 + if (this.ver != "") {
  361 + var ver = this.ver ? this.ver.replace(/\.*/g, "") : "";
  362 + }
  363 + var isVer = 1732;
  364 + if (ver > isVer) {
  365 + // 调用底部商品数量层
  366 + this.opintsPopup();
  367 + } else {
  368 + // 提示用积分兑换兑换
  369 + options = {
  370 + message: "当前版本过旧，请升级最新版本",
  371 + messageAlign: "center",
  372 + confirmButtonText: "去更新",
  373 + confirmButtonCallback: this.appUpdate,
  374 + showCancelButton: true,
  375 + cancelButtonText: "取消"
  376 + };
  377 + }
  378 + } else if (this.isiPhone.value) {
  379 + if (this.version != "") {
  380 + var version = this.version ? this.version.replace(/\.*/g, "") : "";
  381 + }
  382 + if (this.mode == "prod") {
  383 + var isVer = 189;
  384 + } else {
  385 + var isVer = 189;
  386 + }
  387 + if (version > isVer) {
  388 + // 调用底部商品数量层
  389 + this.opintsPopup();
  390 + } else {
  391 + // 提示用积分兑换兑换
  392 + options = {
  393 + message: "当前版本过旧，请升级最新版本",
  394 + messageAlign: "center",
  395 + confirmButtonText: "去更新",
  396 + confirmButtonCallback: this.appUpdate,
  397 + showCancelButton: true,
  398 + cancelButtonText: "取消"
  399 + };
401 } 400 }
402 - // 调用showModal层参数  
403 - this.$set(this.$parent, "showOptions", options);  
404 - // 显示通用浮层  
405 - this.$parent.$refs.showModal.showLayer();  
406 } 401 }
  402 + // 调用showModal层参数
  403 + this.$set(this.$parent, "showOptions", options);
  404 + // 显示通用浮层
  405 + this.$parent.$refs.showModal.showLayer();
  406 + }
407 }, 407 },
408 // App升级跳转 408 // App升级跳转
409 - appUpdate(){  
410 - if(this.isiPhone.value){  
411 - window.location.href ="http://itunes.apple.com/cn/app/id1337575478?mt=8"  
412 - }else if(this.isAndroid.value){  
413 - window.location.href ="http://wjj.ys1.cnliveimg.com/download/ac/1723/strike-1.7.3.3-release.apk"  
414 - } 409 + appUpdate () {
  410 + if (this.isiPhone.value) {
  411 + window.location.href = "http://itunes.apple.com/cn/app/id1337575478?mt=8"
  412 + } else if (this.isAndroid.value) {
  413 + window.location.href = "http://wjj.ys1.cnliveimg.com/download/ac/1723/strike-1.7.3.3-release.apk"
  414 + }
415 }, 415 },
416 // 兑换 416 // 兑换
417 exchange () { 417 exchange () {
@@ -419,26 +419,26 @@ export default { @@ -419,26 +419,26 @@ export default {
419 // 校验登录 419 // 校验登录
420 if (this.$parent.checkLogin()) { 420 if (this.$parent.checkLogin()) {
421 // 实物商品不提示用积分 421 // 实物商品不提示用积分
422 - if (this.goodsInfo.shop_type == 1) {  
423 - // 判断安卓版本1.7.3.3展示ios1.9.0显示实物弹出底部数量填写  
424 - this.versionJudgment()  
425 - // 弹出填写地址  
426 - // this.addAddressCallback()  
427 - }else{  
428 - // 虚拟商品提示用积分兑换  
429 - let options = {  
430 - title: "",  
431 - message: "确定使用" + this.goodsInfo.num + "积分兑换?",  
432 - confirmButtonText: "确定",  
433 - confirmButtonCallback: this.addIntegralOrderconfirm,  
434 - showCancelButton: true,  
435 - cancelButtonText: "取消"  
436 - };  
437 - // 调用showModal层参数  
438 - this.$set(this.$parent, "showOptions", options);  
439 - // 显示通用浮层  
440 - this.$parent.$refs.showModal.showLayer();  
441 - } 422 + if (this.goodsInfo.shop_type == 1) {
  423 + // 判断安卓版本1.7.3.3展示ios1.9.0显示实物弹出底部数量填写
  424 + this.versionJudgment()
  425 + // 弹出填写地址
  426 + // this.addAddressCallback()
  427 + } else {
  428 + // 虚拟商品提示用积分兑换
  429 + let options = {
  430 + title: "",
  431 + message: "确定使用" + this.goodsInfo.num + "积分兑换?",
  432 + confirmButtonText: "确定",
  433 + confirmButtonCallback: this.addIntegralOrderconfirm,
  434 + showCancelButton: true,
  435 + cancelButtonText: "取消"
  436 + };
  437 + // 调用showModal层参数
  438 + this.$set(this.$parent, "showOptions", options);
  439 + // 显示通用浮层
  440 + this.$parent.$refs.showModal.showLayer();
  441 + }
442 } 442 }
443 } else { 443 } else {
444 this.$parent.callApp(); 444 this.$parent.callApp();
@@ -446,11 +446,11 @@ export default { @@ -446,11 +446,11 @@ export default {
446 }, 446 },
447 // 确定兑换回调 447 // 确定兑换回调
448 addIntegralOrderconfirm () { 448 addIntegralOrderconfirm () {
449 - // isExchange为false才可兑换防止连续点击  
450 - if (!this.isExchange) {  
451 - // 兑换  
452 - this.addIntegralOrder();  
453 - } 449 + // isExchange为false才可兑换防止连续点击
  450 + if (!this.isExchange) {
  451 + // 兑换
  452 + this.addIntegralOrder();
  453 + }
454 }, 454 },
455 /** 455 /**
456 * 分享 456 * 分享
@@ -620,11 +620,11 @@ export default { @@ -620,11 +620,11 @@ export default {
620 } 620 }
621 }, 621 },
622 // 判断值是否大于库存 622 // 判断值是否大于库存
623 - onChange(value) {  
624 - if(this.goodsInfo.stock > -1 && value > this.goodsInfo.stock){  
625 - Toast("数量超出范围~")  
626 - }  
627 - 623 + onChange (value) {
  624 + if (this.goodsInfo.stock > -1 && value > this.goodsInfo.stock) {
  625 + Toast("数量超出范围~")
  626 + }
  627 +
628 }, 628 },
629 }, 629 },
630 //请求数据 630 //请求数据
src/pages/healthGoodDetails/healthGoodDetails.vue
  View file @1ec488b
@@ -35,7 +35,7 @@ @@ -35,7 +35,7 @@
35 }" 35 }"
36 > 36 >
37 </swiper> --> 37 </swiper> -->
38 - <img v-if="goodsInfo && goodsInfo.simg" class="goods-img" :src="goodsInfo.simg" alt=""/> 38 + <img v-if="goodsInfo && goodsInfo.simg" class="goods-img" v-lazy="goodsInfo.simg" alt=""/>
39 <!-- 内容 --> 39 <!-- 内容 -->
40 <div class="main-box"> 40 <div class="main-box">
41 <!-- 标题 --> 41 <!-- 标题 -->
@@ -303,7 +303,7 @@ export default { @@ -303,7 +303,7 @@ export default {
303 // 提示用健康值兑换兑换 303 // 提示用健康值兑换兑换
304 let options = { 304 let options = {
305 title: "", 305 title: "",
306 - message: "兑换将会消耗" + this.goodsInfo.num + "健康值" + '<br/>' +"确定兑换吗?", 306 + message: "兑换将会消耗" + this.goodsInfo.num + "健康值" + '<br/>' + "确定兑换吗?",
307 confirmButtonText: "确定", 307 confirmButtonText: "确定",
308 confirmButtonCallback: this.addLuckHealthOrderconfirm, 308 confirmButtonCallback: this.addLuckHealthOrderconfirm,
309 showCancelButton: true, 309 showCancelButton: true,
@@ -417,7 +417,7 @@ export default { @@ -417,7 +417,7 @@ export default {
417 addAddressCallback () { 417 addAddressCallback () {
418 this.pointsToast_control = true; 418 this.pointsToast_control = true;
419 // 礼品兑换弹框派发 419 // 礼品兑换弹框派发
420 - this.$refs.itemsInfo.getItemInfo(this.goodsInfo,this.$route.query.id) 420 + this.$refs.itemsInfo.getItemInfo(this.goodsInfo, this.$route.query.id)
421 }, 421 },
422 /** 422 /**
423 * 跳转赚取健康值页面 423 * 跳转赚取健康值页面