chenkainan
2 months ago
27 changed files with 851 additions and 1556 deletions
@ -1,114 +0,0 @@ |
|||||
// pages/activity/graduate/index.js
|
|
||||
import commonApi from "../../../utils/https/common" |
|
||||
import util from "../../../utils/util" |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
list:[[],[],[],[]] |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
let ajaxes = [],list = []; |
|
||||
wx.showLoading({ |
|
||||
title: '加载中', |
|
||||
}); |
|
||||
['62','63','64'].map(item=>{ |
|
||||
ajaxes.push(commonApi._post("product/get_product_by_tag",{ |
|
||||
tag_id: item, |
|
||||
offset: 0, |
|
||||
limit: 100 |
|
||||
})) |
|
||||
}); |
|
||||
ajaxes.push(commonApi._post("scene/get_scene_by_tag",{ |
|
||||
tag_id: 30, |
|
||||
offset: 0, |
|
||||
limit: 100 |
|
||||
})) |
|
||||
Promise.all(ajaxes).then(res=>{ |
|
||||
res.map(item=>{ |
|
||||
item.data.list.map(i=>{ |
|
||||
i.display_tags = i.display_tags?i.display_tags.split(","):[]; |
|
||||
i.display_tags = i.display_tags.slice(0,2); |
|
||||
}) |
|
||||
list.push(item.data.list); |
|
||||
}) |
|
||||
this.setData({ |
|
||||
list:list |
|
||||
}) |
|
||||
wx.hideLoading({}) |
|
||||
}) |
|
||||
}, |
|
||||
gotoDetail:function(e){ |
|
||||
let item = e.currentTarget.dataset.item; |
|
||||
util.gotoDetail(item) |
|
||||
}, |
|
||||
scrollToBox:function(e){ |
|
||||
let index = e.currentTarget.dataset.index; |
|
||||
const query=wx.createSelectorQuery(); //创建节点查询器
|
|
||||
query.select("#box"+index).boundingClientRect() //选择toViewid获取位置信息
|
|
||||
query.selectViewport().scrollOffset() //获取页面查询位置的
|
|
||||
query.exec(function(res) { |
|
||||
console.log(res) |
|
||||
let scrollTop = res[0].top + res[1].scrollTop ; |
|
||||
wx.pageScrollTo({ |
|
||||
scrollTop: scrollTop - 60, |
|
||||
duration: 200 |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,3 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": {} |
|
||||
} |
|
||||
@ -1,30 +0,0 @@ |
|||||
<!--pages/activity/graduate/index.wxml--> |
|
||||
<view style="position:relative;min-height:100vh"> |
|
||||
<image lazy-load style="position:absolute;top:0;left:0" class="mainimg" src="https://static.ticket.sz-trip.com/xcxImages/activity/graduate/top.png" mode="widthFix"></image> |
|
||||
<view class="top-menus"> |
|
||||
<view class="top-menu" bindtap="scrollToBox" data-index="1">好玩景点</view> |
|
||||
<view class="top-menu" bindtap="scrollToBox" data-index="2">一日游</view> |
|
||||
<view class="top-menu" bindtap="scrollToBox" data-index="3">文创特产</view> |
|
||||
<view class="top-menu" bindtap="scrollToBox" data-index="4">精选酒店</view> |
|
||||
</view> |
|
||||
<view style="height:650rpx"></view> |
|
||||
<view class="list" wx:for="{{list}}" id="box{{index+1}}"> |
|
||||
<image lazy-load class="titleimg" mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/activity/graduate/title{{index+1}}.png"></image> |
|
||||
<view class="list-box"> |
|
||||
<view class="item" wx:for="{{item}}" bindtap="gotoDetail" data-item="{{item}}"> |
|
||||
<image lazy-load class="mainimg" src="{{item.headimg}}" mode="aspectFill"></image> |
|
||||
<view class="title textOver">{{item.title}}</view> |
|
||||
<view class="product-tags"> |
|
||||
<view class="product-tag textOver" wx:for="{{item.display_tags}}">{{item}}</view> |
|
||||
</view> |
|
||||
<view class="product-bottom"> |
|
||||
<view class="price">￥<text>{{item.price/100}}</text></view> |
|
||||
<image lazy-load mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/activity/graduate/btn.png"></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view style="height:80rpx"></view> |
|
||||
<image lazy-load class="bottomtext" mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/activity/graduate/bottom.png"></image> |
|
||||
<image lazy-load class="bottombg" src="https://static.ticket.sz-trip.com/xcxImages/activity/graduate/bottombg.png" mode="widthFix"></image> |
|
||||
</view> |
|
||||
@ -1,132 +0,0 @@ |
|||||
/* pages/activity/graduate/index.wxss */ |
|
||||
.mainimg { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
page { |
|
||||
background: url(https://static.ticket.sz-trip.com/xcxImages/activity/graduate/bg.png); |
|
||||
background-size: 100%; |
|
||||
background-repeat: repeat-y; |
|
||||
} |
|
||||
.top-menus { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
position: absolute; |
|
||||
justify-content: space-between; |
|
||||
left: 34rpx; |
|
||||
right: 34rpx; |
|
||||
top: 546rpx; |
|
||||
z-index: 1; |
|
||||
color: #fff; |
|
||||
line-height: 51rpx; |
|
||||
} |
|
||||
.top-menu { |
|
||||
width: 149rpx; |
|
||||
border-radius: 19rpx; |
|
||||
font-size: 26rpx; |
|
||||
flex-shrink: 0; |
|
||||
letter-spacing: 3rpx; |
|
||||
background: #308506; |
|
||||
text-align: center; |
|
||||
font-weight: lighter; |
|
||||
} |
|
||||
.list { |
|
||||
position: relative; |
|
||||
margin: 10rpx 27rpx; |
|
||||
border: solid 1rpx #7c9112; |
|
||||
padding: 8rpx; |
|
||||
border-radius: 16rpx; |
|
||||
z-index: 1; |
|
||||
margin-bottom: 40rpx; |
|
||||
} |
|
||||
.list-box { |
|
||||
border-radius: 16rpx; |
|
||||
background-color: #f6f0e4; |
|
||||
border: solid 3rpx #7c9112; |
|
||||
padding: 56rpx 30rpx; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
flex-wrap: wrap; |
|
||||
} |
|
||||
.item .mainimg { |
|
||||
width: 286rpx; |
|
||||
height: 253rpx; |
|
||||
border-radius: 16rpx; |
|
||||
} |
|
||||
.item { |
|
||||
border-radius: 16rpx; |
|
||||
padding: 7rpx; |
|
||||
width: 286rpx; |
|
||||
border: 1rpx dashed; |
|
||||
color: #7c9112; |
|
||||
margin-top: 27rpx; |
|
||||
} |
|
||||
.titleimg { |
|
||||
position: absolute; |
|
||||
display: block; |
|
||||
width: 326rpx; |
|
||||
height: 67rpx; |
|
||||
left: 50%; |
|
||||
margin-left: -163rpx; |
|
||||
top: -28rpx; |
|
||||
} |
|
||||
.item .title { |
|
||||
font-size: 25rpx; |
|
||||
line-height: 38rpx; |
|
||||
letter-spacing: -2rpx; |
|
||||
color: #469115; |
|
||||
margin: 5rpx 10rpx; |
|
||||
} |
|
||||
.product-tags { |
|
||||
margin: 0 10rpx; |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
margin-bottom: 10rpx; |
|
||||
height: 20rpx; |
|
||||
} |
|
||||
.product-tag { |
|
||||
line-height: 20rpx; |
|
||||
background-color: #b1c346; |
|
||||
padding: 0 15rpx; |
|
||||
font-size: 12rpx; |
|
||||
color: #495800; |
|
||||
margin-right: 8rpx; |
|
||||
} |
|
||||
.product-tags:last-child { |
|
||||
margin-right: 0; |
|
||||
} |
|
||||
.product-bottom { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
margin: 0 10rpx; |
|
||||
padding-bottom: 6rpx; |
|
||||
color: #6ea21b; |
|
||||
font-size: 14rpx; |
|
||||
align-items: flex-end; |
|
||||
} |
|
||||
.product-bottom image { |
|
||||
width: 120rpx; |
|
||||
display: block; |
|
||||
flex-shrink: 0; |
|
||||
} |
|
||||
.product-bottom text { |
|
||||
font-size: 31rpx; |
|
||||
font-weight: 500; |
|
||||
line-height: 31rpx; |
|
||||
margin-left: 10rpx; |
|
||||
} |
|
||||
.bottombg { |
|
||||
position: absolute; |
|
||||
bottom: 0; |
|
||||
left: 0; |
|
||||
width: 100%; |
|
||||
display: block; |
|
||||
z-index: 0; |
|
||||
} |
|
||||
.bottomtext { |
|
||||
position: absolute; |
|
||||
right: 0; |
|
||||
width: 439rpx; |
|
||||
bottom: 0; |
|
||||
z-index: 2; |
|
||||
} |
|
||||
@ -1,112 +0,0 @@ |
|||||
// pages/activity/spring2021/index.js
|
|
||||
import commonApi from "../../../utils/https/common" |
|
||||
import util from "../../../utils/util" |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
list1:[], |
|
||||
list2:[], |
|
||||
list3:[] |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
// 获取数据
|
|
||||
commonApi._post("product/get_product_by_tag",{ |
|
||||
offset:0, |
|
||||
limit:100, |
|
||||
tag_id:28 |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
list1:this.getTwoProduct(res.data.list) |
|
||||
}) |
|
||||
}) |
|
||||
commonApi._post("product/get_product_by_tag",{ |
|
||||
offset:0, |
|
||||
limit:100, |
|
||||
tag_id:29 |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
list2:res.data.list |
|
||||
}) |
|
||||
}) |
|
||||
commonApi._post("product/get_product_by_tag",{ |
|
||||
offset:0, |
|
||||
limit:100, |
|
||||
tag_id:30 |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
list3:this.getTwoProduct(res.data.list) |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
getTwoProduct:function(list){ |
|
||||
let res = []; |
|
||||
for(let i=0;i<list.length;i=i+2){ |
|
||||
if(list[i+1]){ |
|
||||
res.push([list[i],list[i+1]]) |
|
||||
} |
|
||||
else { |
|
||||
res.push([list[i]]) |
|
||||
} |
|
||||
} |
|
||||
return res; |
|
||||
}, |
|
||||
gotoDetail:function(e){ |
|
||||
util.gotoDetail(e.currentTarget.dataset.item) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,3 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": {} |
|
||||
} |
|
||||
@ -1,43 +0,0 @@ |
|||||
<!--pages/activity/spring2021/index.wxml--> |
|
||||
<image lazy-load mode="widthFix" class="main-img topimg" src="https://static.ticket.sz-trip.com/xcxImages/spring2021/top.png"></image> |
|
||||
<view style="height:613rpx"></view> |
|
||||
<view class="list" wx:if="{{list1.length>0}}"> |
|
||||
<view class="list-in" wx:for="{{list1}}"> |
|
||||
<view class="item1" wx:for="{{item}}" bindtap="gotoDetail" data-item="{{item}}"> |
|
||||
<image lazy-load src="{{item.headimg}}"></image> |
|
||||
<view class="textOver item1-title">{{item.title}}</view> |
|
||||
<view class="item1-bottom"> |
|
||||
<view class="item1-price">{{item.price/100}}</view> |
|
||||
<view class="item1-btn">点击预定</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view wx:else style="height:100rpx"></view> |
|
||||
<image lazy-load style="margin:30rpx 0" src="https://static.ticket.sz-trip.com/xcxImages/spring2021/title1.jpg" class="main-img" mode="widthFix"></image> |
|
||||
<view class="list list2" wx:if="{{list2.length>0}}"> |
|
||||
<view class="list-in list-in2"> |
|
||||
<view class="item1 item2" wx:for="{{list2}}" bindtap="gotoDetail" data-item="{{item}}"> |
|
||||
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image> |
|
||||
<view class="textOver item1-title item2-title">{{item.title}}</view> |
|
||||
<view class="item1-bottom"> |
|
||||
<view class="item1-price item2-price">{{item.price/100}}</view> |
|
||||
<view class="item1-btn">点击预定</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<image lazy-load style="margin:30rpx 0" src="https://static.ticket.sz-trip.com/xcxImages/spring2021/title2.jpg" class="main-img" mode="widthFix"></image> |
|
||||
<view class="list" wx:if="{{list3.length>0}}" style="margin-top:-160rpx"> |
|
||||
<view class="list-in" wx:for="{{list3}}"> |
|
||||
<view class="item1" wx:for="{{item}}" bindtap="gotoDetail" data-item="{{item}}"> |
|
||||
<image lazy-load src="{{item.headimg}}" mode="aspectFill"></image> |
|
||||
<view class="textOver item1-title">{{item.title}}</view> |
|
||||
<view class="item1-bottom"> |
|
||||
<view class="item1-price">{{item.price/100}}</view> |
|
||||
<view class="item1-btn">点击预定</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<image lazy-load class="main-img" mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/spring2021/bottom.jpg"></image> |
|
||||
@ -1,119 +0,0 @@ |
|||||
/* pages/activity/spring2021/index.wxss */ |
|
||||
.main-img { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
.topimg { |
|
||||
position: absolute; |
|
||||
top: 0; |
|
||||
left: 0; |
|
||||
} |
|
||||
page { |
|
||||
background: #b8dd95; |
|
||||
} |
|
||||
.list { |
|
||||
margin: 0 8rpx; |
|
||||
border-radius: 7rpx; |
|
||||
background-color: #edf0a1; |
|
||||
padding: 14rpx 12rpx; |
|
||||
position: relative; |
|
||||
z-index: 2; |
|
||||
} |
|
||||
.list-in { |
|
||||
border-radius: 7rpx; |
|
||||
background-color: #68b83d; |
|
||||
padding: 23rpx 15rpx; |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
margin-bottom: 12rpx; |
|
||||
} |
|
||||
.list .list-in:last-child { |
|
||||
margin-bottom: 0; |
|
||||
} |
|
||||
.item1 { |
|
||||
width: 334rpx; |
|
||||
color: #fffbe7; |
|
||||
font-size: 23rpx; |
|
||||
line-height: 30rp; |
|
||||
text-align: center; |
|
||||
} |
|
||||
.item1 image { |
|
||||
height: 264rpx; |
|
||||
width: 334rpx; |
|
||||
display: block; |
|
||||
} |
|
||||
.item1-title { |
|
||||
margin: 8rpx; |
|
||||
} |
|
||||
.item1-bottom { |
|
||||
margin: 0 8rpx; |
|
||||
display: flex; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
} |
|
||||
.item1-price::before { |
|
||||
content: "￥"; |
|
||||
font-size: 10rpx; |
|
||||
} |
|
||||
.item1-price::after { |
|
||||
content: "元"; |
|
||||
font-size: 13rpx; |
|
||||
} |
|
||||
.item1-price { |
|
||||
font-size: 35rpx; |
|
||||
} |
|
||||
.item1-btn { |
|
||||
width: 88rpx; |
|
||||
line-height: 26rpx; |
|
||||
text-align: center; |
|
||||
background-color: #ff7c7a; |
|
||||
border-radius: 13rpx; |
|
||||
color: #fff; |
|
||||
font-size: 17rpx; |
|
||||
margin-left: 12rpx; |
|
||||
} |
|
||||
.list2 { |
|
||||
background-color: #93bd71; |
|
||||
border-radius: 29rpx; |
|
||||
padding: 24rpx 22rpx; |
|
||||
} |
|
||||
.list-in2 { |
|
||||
background: white; |
|
||||
box-shadow: 0rpx 10rpx 16rpx 0rpx |
|
||||
rgba(120, 134, 103, 0.69); |
|
||||
border-radius: 29rpx; |
|
||||
border: solid 2rpx #598723; |
|
||||
flex-wrap: wrap; |
|
||||
margin-bottom: 0; |
|
||||
padding: 29rpx 24rpx; |
|
||||
} |
|
||||
.item2 { |
|
||||
width: 314rpx; |
|
||||
color: #333; |
|
||||
margin-top: 40rpx; |
|
||||
} |
|
||||
.list-in2 .item2:nth-child(-n+2){ |
|
||||
margin-top: 0; |
|
||||
} |
|
||||
.item2 image { |
|
||||
width: 314rpx; |
|
||||
height: 219rpx; |
|
||||
} |
|
||||
.item2-price { |
|
||||
color: #f75e48; |
|
||||
} |
|
||||
.item2-title { |
|
||||
line-height: 41rpx; |
|
||||
border-top: 1rpx dotted #999; |
|
||||
border-bottom: 1rpx dotted #999; |
|
||||
display: inline-block; |
|
||||
font-size: 26rpx; |
|
||||
color: #282822; |
|
||||
max-width: 300rpx; |
|
||||
} |
|
||||
.item2-price::before { |
|
||||
font-size: 18rpx; |
|
||||
} |
|
||||
.item2-price::after { |
|
||||
content: ""; |
|
||||
} |
|
||||
@ -1,134 +0,0 @@ |
|||||
// pages/activity/suyear/index.js
|
|
||||
import commonApi from "../../../utils/https/common" |
|
||||
import util from "../../../utils/util" |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
tabs:[{ |
|
||||
areaid:"", |
|
||||
imgname:'all' |
|
||||
},{ |
|
||||
areaid:"320508", |
|
||||
imgname:'gs' |
|
||||
},{ |
|
||||
areaid:"320506", |
|
||||
imgname:'wz' |
|
||||
},{ |
|
||||
areaid:"320507", |
|
||||
imgname:'xc' |
|
||||
},{ |
|
||||
areaid:"320509", |
|
||||
imgname:'wj' |
|
||||
},{ |
|
||||
areaid:"320510", |
|
||||
imgname:'yq' |
|
||||
},{ |
|
||||
areaid:"320582", |
|
||||
imgname:'zjg' |
|
||||
},{ |
|
||||
areaid:"320585", |
|
||||
imgname:'tc' |
|
||||
},{ |
|
||||
areaid:"320583", |
|
||||
imgname:'ks' |
|
||||
},{ |
|
||||
areaid:"320581", |
|
||||
imgname:'cs' |
|
||||
}], |
|
||||
list:[], |
|
||||
total:1, |
|
||||
areas_id:"" |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
this.getList() |
|
||||
}, |
|
||||
changeArea:function(e){ |
|
||||
let areas_id = e.currentTarget.dataset.area; |
|
||||
this.setData({ |
|
||||
total:1, |
|
||||
list:[], |
|
||||
areas_id:areas_id |
|
||||
}) |
|
||||
this.getList() |
|
||||
}, |
|
||||
getList:function(){ |
|
||||
if(this.data.total<=this.data.list.length) return; |
|
||||
commonApi._post('product/get_product_by_tag',{ |
|
||||
tag_id:23, |
|
||||
offset:this.data.list.length, |
|
||||
areas_id:this.data.areas_id, |
|
||||
limit:10 |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
list:this.data.list.concat(res.data.list), |
|
||||
total:res.data.total |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
gotoDetail:function(e){ |
|
||||
let item = e.currentTarget.dataset.item; |
|
||||
if(item.title=='沙家浜景区'){ |
|
||||
wx.navigateToMiniProgram({ |
|
||||
appId: 'wx98a352b4689e46d8', |
|
||||
path:'pages/sightspots/booking?id=32&type=default' |
|
||||
}) |
|
||||
return; |
|
||||
} |
|
||||
util.gotoDetail(item) |
|
||||
}, |
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
this.getList() |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,18 +0,0 @@ |
|||||
<!--pages/activity/suyear/index.wxml--> |
|
||||
<title title="留苏过大年"></title> |
|
||||
<view style="position:relative"> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/suyear/top.png" mode="widthFix" class="main-img"></image> |
|
||||
<view class="area-list"> |
|
||||
<image lazy-load bindtap="changeArea" data-area="{{item.areaid}}" wx:for="{{tabs}}" src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/suyear/{{item.imgname}}.png" mode="widthFix" class="area-img"></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="list"> |
|
||||
<view class="item" bindtap="gotoDetail" data-item="{{item}}" wx:for="{{list}}"> |
|
||||
<image lazy-load class="border" src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/suyear/border.png" mode="widthFix"></image> |
|
||||
<image lazy-load src="{{item.headimg}}" class="product-img" mode="aspectFill"></image> |
|
||||
<image lazy-load wx:if="{{item.area_id}}" mode="widthFix" class="addressimg" src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/suyear/{{item.area_id}}.png"></image> |
|
||||
<image lazy-load class="bgimg" mode="widthFix" src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/suyear/bg.png"></image> |
|
||||
<view class="title textOver2">{{item.title}}</view> |
|
||||
<image lazy-load class="btn" src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/suyear/btn.png" mode="widthFix"></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
@ -1,93 +0,0 @@ |
|||||
/* pages/activity/suyear/index.wxss */ |
|
||||
page { |
|
||||
background: #FCDDB3; |
|
||||
} |
|
||||
.main-img { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
} |
|
||||
.area-list { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
left: 30rpx; |
|
||||
right: 0; |
|
||||
overflow-x: auto; |
|
||||
position: absolute; |
|
||||
top: 700rpx; |
|
||||
} |
|
||||
.area-list image { |
|
||||
display: block; |
|
||||
flex-shrink: 0; |
|
||||
width: 110rpx; |
|
||||
margin-right: 20rpx; |
|
||||
} |
|
||||
.list { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
flex-wrap: wrap; |
|
||||
margin: 0 25rpx; |
|
||||
justify-content: space-between; |
|
||||
padding-top: 34rpx; |
|
||||
} |
|
||||
.item { |
|
||||
width: 345rpx; |
|
||||
height: 435rpx; |
|
||||
position: relative; |
|
||||
margin-bottom: 30rpx; |
|
||||
} |
|
||||
.item .bgimg { |
|
||||
position: absolute; |
|
||||
width: 100%; |
|
||||
} |
|
||||
.item image { |
|
||||
display: block; |
|
||||
} |
|
||||
.item .bgimgin { |
|
||||
position: absolute; |
|
||||
width: 307rpx; |
|
||||
left: 18rpx; |
|
||||
top: 18rpx; |
|
||||
} |
|
||||
.item .border { |
|
||||
position: absolute; |
|
||||
width: 79rpx; |
|
||||
margin-left: -19rpx; |
|
||||
bottom: 10rpx; |
|
||||
} |
|
||||
.item:nth-child(2n) .border { |
|
||||
margin-left: 280rpx; |
|
||||
} |
|
||||
.item .product-img { |
|
||||
position: absolute; |
|
||||
width: 308rpx; |
|
||||
height: 254rpx; |
|
||||
left: 50%; |
|
||||
margin-left: -154rpx; |
|
||||
top: 20rpx; |
|
||||
} |
|
||||
.item .title { |
|
||||
font-size: 32rpx; |
|
||||
font-family: Source Han Sans SC; |
|
||||
font-weight: bold; |
|
||||
color: #FFFFFF; |
|
||||
line-height: 45rpx; |
|
||||
background: linear-gradient(-50deg, #FCDDB2 0%, #F7B765 44.7021484375%, #FCDEB4 100%); |
|
||||
-webkit-background-clip: text; |
|
||||
-webkit-text-fill-color: transparent; |
|
||||
position: absolute; |
|
||||
top: 280rpx; |
|
||||
left: 30rpx; |
|
||||
right: 30rpx; |
|
||||
} |
|
||||
.item .btn { |
|
||||
position: absolute; |
|
||||
width: 260rpx; |
|
||||
left: 42rpx; |
|
||||
top: 357rpx; |
|
||||
} |
|
||||
.item .addressimg { |
|
||||
width: 110rpx; |
|
||||
left: 40rpx; |
|
||||
top: 15rpx; |
|
||||
position: absolute; |
|
||||
} |
|
||||
@ -1,167 +0,0 @@ |
|||||
// pages/activity/year2020/index.js
|
|
||||
import commonApi from "../../../utils/https/common" |
|
||||
import util from "../../../utils/util" |
|
||||
let device = wx.getSystemInfoSync(); |
|
||||
const ratio = device.windowWidth / 750; |
|
||||
Page({ |
|
||||
|
|
||||
/** |
|
||||
* 页面的初始数据 |
|
||||
*/ |
|
||||
data: { |
|
||||
zhouzhuang:[], |
|
||||
haofengguang:[], |
|
||||
dongshan:[], |
|
||||
huqiu:[], |
|
||||
jiangnan:[], |
|
||||
list:[], |
|
||||
total:1, |
|
||||
top:0 |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面加载 |
|
||||
*/ |
|
||||
onLoad: function (options) { |
|
||||
let rect = wx.getMenuButtonBoundingClientRect(); |
|
||||
let height = (rect.top - device.statusBarHeight) * 2 + rect.height + device.statusBarHeight; |
|
||||
this.setData({ |
|
||||
top:height |
|
||||
}) |
|
||||
// 周庄年货专区
|
|
||||
commonApi._post("adv/getAdvByKey",{ |
|
||||
key:"zhouzhuangnianhuo" |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
zhouzhuang:res.data.content || [] |
|
||||
}) |
|
||||
}) |
|
||||
// 苏州好风光
|
|
||||
commonApi._post("adv/getAdvByKey",{ |
|
||||
key:"haofengguangnianhuo" |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
haofengguang:res.data.content || [] |
|
||||
}) |
|
||||
}) |
|
||||
// 东山爆款好物
|
|
||||
commonApi._post("adv/getAdvByKey",{ |
|
||||
key:"dongshannianhuo" |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
dongshan:res.data.content || [] |
|
||||
}) |
|
||||
}) |
|
||||
// 虎丘茶礼
|
|
||||
commonApi._post("adv/getAdvByKey",{ |
|
||||
key:"huqiunianhuo" |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
huqiu:res.data.content || [] |
|
||||
}) |
|
||||
}) |
|
||||
// 江南米造局
|
|
||||
commonApi._post("adv/getAdvByKey",{ |
|
||||
key:"jiangniannianhuo" |
|
||||
}).then(res=>{ |
|
||||
this.setData({ |
|
||||
jiangnan:res.data.content || [] |
|
||||
}) |
|
||||
}) |
|
||||
this.getList() |
|
||||
}, |
|
||||
getList:function(){ |
|
||||
let list = this.data.list; |
|
||||
if(list.length>=this.data.total) return; |
|
||||
commonApi._post('product/get_product_by_tag',{ |
|
||||
tag_id:22, |
|
||||
offset:list.length, |
|
||||
limit:10 |
|
||||
}).then(res=>{ |
|
||||
list = list.concat(res.data.list); |
|
||||
this.setData({ |
|
||||
list:list, |
|
||||
total:res.data.total |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
gotoDetail:function(e){ |
|
||||
let item = e.currentTarget.dataset.item; |
|
||||
let [type,id] = item.href.split(","); |
|
||||
util.gotoDetail({ |
|
||||
type:type, |
|
||||
id:id |
|
||||
}) |
|
||||
}, |
|
||||
gotoDetail2:function(e){ |
|
||||
let item = e.currentTarget.dataset.item; |
|
||||
util.gotoDetail(item) |
|
||||
}, |
|
||||
home:function(){ |
|
||||
wx.switchTab({ |
|
||||
url: '/pages/index/index', |
|
||||
}) |
|
||||
}, |
|
||||
gotoScroll:function(e){ |
|
||||
let that = this,index = e.currentTarget.dataset.index; |
|
||||
const query=wx.createSelectorQuery(); //创建节点查询器
|
|
||||
query.select("#box"+index).boundingClientRect() //选择toViewid获取位置信息
|
|
||||
query.selectViewport().scrollOffset() //获取页面查询位置的
|
|
||||
query.exec(function(res) { |
|
||||
let scrollTop = res[0].top + res[1].scrollTop - that.data.top; |
|
||||
wx.pageScrollTo({ |
|
||||
scrollTop: scrollTop + 4, |
|
||||
duration: 500 |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面初次渲染完成 |
|
||||
*/ |
|
||||
onReady: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面显示 |
|
||||
*/ |
|
||||
onShow: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面隐藏 |
|
||||
*/ |
|
||||
onHide: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 生命周期函数--监听页面卸载 |
|
||||
*/ |
|
||||
onUnload: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面相关事件处理函数--监听用户下拉动作 |
|
||||
*/ |
|
||||
onPullDownRefresh: function () { |
|
||||
|
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 页面上拉触底事件的处理函数 |
|
||||
*/ |
|
||||
onReachBottom: function () { |
|
||||
this.getList() |
|
||||
}, |
|
||||
|
|
||||
/** |
|
||||
* 用户点击右上角分享 |
|
||||
*/ |
|
||||
onShareAppMessage: function () { |
|
||||
|
|
||||
} |
|
||||
}) |
|
||||
@ -1,5 +0,0 @@ |
|||||
{ |
|
||||
"usingComponents": { |
|
||||
"title":"/pages/component/TitleHeader" |
|
||||
} |
|
||||
} |
|
||||
@ -1,49 +0,0 @@ |
|||||
<!--pages/activity/year2020/index.wxml--> |
|
||||
<title title="年货节"></title> |
|
||||
<view style="position:relative"> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/top.jpg" mode="widthFix" class="yearimg" style="margin-top:0"></image> |
|
||||
<view bindtap="gotoScroll" data-index="1" class="block1"></view> |
|
||||
<view bindtap="gotoScroll" data-index="2" class="block2"></view> |
|
||||
</view> |
|
||||
<view class="product-list"> |
|
||||
<image lazy-load bindtap="gotoDetail" data-item="{{item}}" style="{{zhouzhuang.length%2==1 && index==zhouzhuang.length-1?'width:730rpx;height:290rpx;':''}}" src="{{item.img}}" mode="aspectFill" wx:for="{{zhouzhuang}}"></image> |
|
||||
</view> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/haofengguang.jpg" mode="widthFix" class="yearimg" id="box1"></image> |
|
||||
<view class="product-list"> |
|
||||
<image lazy-load bindtap="gotoDetail" data-item="{{item}}" style="{{haofengguang.length%2==1 && index==haofengguang.length-1?'width:730rpx;height:290rpx;':''}}" src="{{item.img}}" mode="aspectFill" wx:for="{{haofengguang}}"></image> |
|
||||
</view> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/dongshan.jpg" mode="widthFix" class="yearimg" id="box2"></image> |
|
||||
<view class="product-list"> |
|
||||
<image lazy-load bindtap="gotoDetail" data-item="{{item}}" style="{{dongshan.length%2==1 && index==dongshan.length-1?'width:730rpx;height:290rpx':''}}" src="{{item.img}}" mode="aspectFill" wx:for="{{dongshan}}"></image> |
|
||||
</view> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/huqiu.jpg" mode="widthFix" class="yearimg"></image> |
|
||||
<view class="product-list"> |
|
||||
<image lazy-load bindtap="gotoDetail" data-item="{{item}}" style="{{huqiu.length%2==1 && index==huqiu.length-1?'width:730rpx;height:290rpx':''}}" src="{{item.img}}" mode="aspectFill" wx:for="{{huqiu}}"></image> |
|
||||
</view> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/jiangnan.jpg" mode="widthFix" class="yearimg"></image> |
|
||||
<view class="product-list"> |
|
||||
<image lazy-load bindtap="gotoDetail" data-item="{{item}}" style="{{jiangnan.length%2==1 && index==jiangnan.length-1?'width:730rpx;height:290rpx':''}}" src="{{item.img}}" mode="aspectFill" wx:for="{{jiangnan}}"></image> |
|
||||
</view> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/bixuan.jpg" mode="widthFix" class="yearimg"></image> |
|
||||
<view class="product-list"> |
|
||||
<view bindtap="gotoDetail2" data-item="{{item}}" class="product-item" wx:for="{{list}}"> |
|
||||
<image lazy-load class="main-img" src="{{item.headimg}}" mode="aspectFill"></image> |
|
||||
<image lazy-load class="bg-img" src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/bg.png" mode="aspectFill"></image> |
|
||||
<view class="info-box"> |
|
||||
<view class="title textOver">{{item.title}}</view> |
|
||||
<view class="subtitle textOver">{{item.subtitle}}</view> |
|
||||
<view class="btn textOver"> |
|
||||
<view class="btn-text"> |
|
||||
<view>年货价</view> |
|
||||
<view>￥</view> |
|
||||
</view> |
|
||||
<view class="price">{{item.price/100}}</view> |
|
||||
<image lazy-load src="https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/btn.png" mode="widthFix"></image> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view bindtap="home" class="backhome-box"> |
|
||||
<view>返回首页</view> |
|
||||
<view class="iconfont icon-bofang1"></view> |
|
||||
</view> |
|
||||
@ -1,122 +0,0 @@ |
|||||
/* pages/activity/year2020/index.wxss */ |
|
||||
page { |
|
||||
background: #c8070a; |
|
||||
} |
|
||||
.yearimg { |
|
||||
display: block; |
|
||||
width: 100%; |
|
||||
margin: 0; |
|
||||
padding: 0; |
|
||||
margin-top: -15rpx; |
|
||||
} |
|
||||
.product-list { |
|
||||
display: flex; |
|
||||
justify-content: space-between; |
|
||||
align-items: center; |
|
||||
margin: 0 10rpx; |
|
||||
flex-wrap: wrap; |
|
||||
position: relative; |
|
||||
z-index: 1; |
|
||||
} |
|
||||
.product-list image { |
|
||||
width: 357rpx; |
|
||||
height: 409rpx; |
|
||||
margin-bottom: 15rpx; |
|
||||
} |
|
||||
.product-item { |
|
||||
width: 357rpx; |
|
||||
height: 409rpx; |
|
||||
overflow: hidden; |
|
||||
margin-bottom: 15rpx; |
|
||||
position: relative; |
|
||||
} |
|
||||
.product-list .main-img { |
|
||||
width: 357rpx; |
|
||||
height: 263rpx; |
|
||||
display: block; |
|
||||
margin-top: 7rpx; |
|
||||
} |
|
||||
.product-list .bg-img { |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
top: 0; |
|
||||
width: 357rpx; |
|
||||
height: 409rpx; |
|
||||
z-index: 2; |
|
||||
} |
|
||||
.info-box { |
|
||||
position: absolute; |
|
||||
left: 0; |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
height: 140rpx; |
|
||||
text-align: center; |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
align-items: center; |
|
||||
justify-content: center; |
|
||||
z-index: 2; |
|
||||
color: #282828; |
|
||||
} |
|
||||
.title { |
|
||||
font-size: 32rpx; |
|
||||
width: 357rpx; |
|
||||
line-height: 37rpx; |
|
||||
font-weight: lighter; |
|
||||
} |
|
||||
.subtitle { |
|
||||
font-size: 18rpx; |
|
||||
line-height: 30rpx; |
|
||||
} |
|
||||
.btn { |
|
||||
display: flex; |
|
||||
align-items: center; |
|
||||
justify-content: space-between; |
|
||||
background: url(https://fastadmin.oss-cn-shenzhen.aliyuncs.com/xcxImages/nianhuojie/btnbg.png); |
|
||||
background-size: 245rpx 51rpx; |
|
||||
width: 245rpx; |
|
||||
height: 51rpx; |
|
||||
color: #ffc8a8; |
|
||||
} |
|
||||
.btn-text { |
|
||||
font-size: 14rpx; |
|
||||
text-align: right; |
|
||||
margin: 0 15rpx; |
|
||||
margin-right: 7rpx; |
|
||||
} |
|
||||
.price { |
|
||||
font-size: 38rpx; |
|
||||
flex-shrink: 0; |
|
||||
text-align: center; |
|
||||
} |
|
||||
.btn image { |
|
||||
width: 90rpx; |
|
||||
margin: 0; |
|
||||
margin-right: 15rpx; |
|
||||
margin-left: 7rpx; |
|
||||
display: block; |
|
||||
} |
|
||||
.backhome-box { |
|
||||
text-align: center; |
|
||||
color: #fff; |
|
||||
font-size: 32rpx; |
|
||||
overflow: hidden; |
|
||||
margin: 60rpx 0; |
|
||||
line-height: 50rpx; |
|
||||
} |
|
||||
.backhome-box .iconfont { |
|
||||
transform: rotate(-90deg); |
|
||||
color: #ebca16; |
|
||||
} |
|
||||
.block1,.block2 { |
|
||||
position: absolute; |
|
||||
width: 359rpx; |
|
||||
height: 170rpx; |
|
||||
z-index: 1; |
|
||||
top: 645rpx; |
|
||||
left: 12rpx; |
|
||||
} |
|
||||
.block2 { |
|
||||
right: 11rpx; |
|
||||
left: auto; |
|
||||
} |
|
||||
Loading…
Reference in new issue