bbnv1
/
test
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

更换夏季首页

master
shaojing 2 years ago
parent
057dc3a56b
commit
c13a01f8dd
11 changed files with 928 additions and 1034 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      app.js
  2. 8
      app.json
  3. BIN
      images/index-selds.png
  4. BIN
      images/index_seld.png
  5. BIN
      images/map_seld.png
  6. BIN
      images/my-selds.png
  7. BIN
      images/tuyou-selds.png
  8. BIN
      images/user_seld.png
  9. 748
      pages/index/index.js
  10. 772
      pages/index/index.wxml
  11. 432
      pages/index/index.wxss

2
app.js
View File

@ -21,7 +21,7 @@ App({
unique_key: "wechatxcx"
}).then(res => {
let data = JSON.parse(res.data);
data.isTest = data.isTest120? true : false;
data.isTest = data.isTest121? true : false;
this.globalData.configJson = data
}).then(() => {
// 获取ui配置文件

8
app.json
View File

@ -219,26 +219,26 @@
"sitemapLocation": "sitemap.json",
"tabBar": {
"color": "#999",
"selectedColor": "#3FB87F",
"selectedColor": "#4285F4",
"borderStyle": "white",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "/images/home.png",
"selectedIconPath": "/images/index-selds_1.png",
"selectedIconPath": "/images/index_seld.png",
"text": "首页",
"shareTimeline": true
},
{
"pagePath": "pages/map/index",
"iconPath": "/images/map.png",
"selectedIconPath": "/images/tuyou-selds_1.png",
"selectedIconPath": "/images/map_seld.png",
"text": "图游"
},
{
"pagePath": "pages/user/user",
"iconPath": "/images/user.png",
"selectedIconPath": "/images/my-selds_1.png",
"selectedIconPath": "/images/user_seld.png",
"text": "我的"
}
]

BIN
images/index-selds.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
images/index_seld.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
images/map_seld.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
images/my-selds.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 13 KiB

BIN
images/tuyou-selds.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
images/user_seld.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

748
pages/index/index.js
View File

@ -51,11 +51,11 @@ Page({
djsTime: null,
sqjNew: [
'https://static.ticket.sz-trip.com/uploads/20240428/faede304469bb3e7b9bbf7001008d09a.png',
'https://static.ticket.sz-trip.com/uploads/20240428/77c3bd6c3f44ee0e3cc483557c1c7462.png',
'https://static.ticket.sz-trip.com/uploads/20240607/3acf736c1dc9c7af08d3363833669896.png',
'https://static.ticket.sz-trip.com/uploads/20240428/ad2324005ba1ed0cabe990ec62bfec76.png',
'https://static.ticket.sz-trip.com/uploads/20240428/a90f3ce4519a585cc5cebfe62d8d4043.png',
'https://static.ticket.sz-trip.com/uploads/20240428/e6fa6cdef2971c8abdb670be1f36d1ca.png',
'https://static.ticket.sz-trip.com/uploads/20240428/9c8186b8249bf81a2ef4fe4a4194cf2b.png',
'https://static.ticket.sz-trip.com/uploads/20240607/56ccaab57aaf050bb6feccc3a70983bb.png',
'https://static.ticket.sz-trip.com/uploads/20240428/755ee01ac248aeda8812b025f483a869.png',
'https://static.ticket.sz-trip.com/uploads/20240428/2d29f0d14e634b0a78d4ef91b28d5999.png',
'https://static.ticket.sz-trip.com/uploads/20240428/71f7b558c7ca6d42728d48508d01819c.png',
@ -63,68 +63,7 @@ Page({
],
viewHeight: "0px",
isMuted: true,
videoPlay: false,
hdrlNavList:[
{
type:null,
title:'全部'
},
{
type:'scene',
title:'景区活动'
},
{
type:'show',
title:'演出'
},
{
type:'exhibition',
title:'展览'
},
{
type:'movie',
title:'电影'
},
{
type:'other',
title:'其他'
}
], //活动日历板块导航分类
hdrlNavIndex:0,//活动日历默认选中第一个全部分类
today:null,
hdrlList:[],
yszNav:['公共服务','旅游助手'],
yszIndex:0,
bdList:[
{
bg: 'linear-gradient(-8deg, #B9E1F0, #F4F9FF)',
icon:'https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/feiwan.png', //非玩不可
path:'/pages/list/scene/index',
url:'',
},
{
bg: 'linear-gradient(-8deg, #F3FFC4, #F9FFE3)',
icon:'https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/feimai.png', //非买不可
path:'/pages/list/techan/index',
url:'',
},
{
bg: 'linear-gradient(-8deg, #A0F292, #E0F7DC)',
icon:'https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/feiyou.png', //非游不可
url:'https://m.cloud.sz-trip.com/OneDayTravelNew',
path:'',
},
{
bg: 'linear-gradient(-8deg, #E3D9FF, #F6F2FF)',
icon:'https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/feikan.png', //非看不可
url:'',
path:'/pages/list/theatre/index',
},
],
list1:[], //非玩-景点
list2:[], //非买-文创
list3:[], //非游-一日游
list4:[], //非看-剧场演出
videoPlay: false,
},
onLoad: function(options) {
this.getHeight()
@ -185,21 +124,7 @@ Page({
})
if (options.from) {
app.globalData.from = options.from;
}
// 获取今天的日期
let today = new Date();
this.setData({
month: (this.data.months[today.getMonth()]).toUpperCase(),
date: today.getDate()
})
let d = new Date();
let month = d.getMonth() + 1,
day = d.getDate();
month = month > 10 ? month : ("0" + month);
day = day > 10 ? day : ("0" + day);
this.setData({
today: d.getFullYear() + "-" + month + "-" + day
})
}
let systemInfo = wx.getSystemInfoSync(),
rect = wx.getMenuButtonBoundingClientRect();
let height = (rect.top - systemInfo.statusBarHeight) * 2 + rect.height;
@ -210,12 +135,10 @@ Page({
lat: res.latitude,
lon: res.longitude
})
this.getList()
this.getHdrlList()
this.getList()
},
fail: (err) => {
this.getList()
this.getHdrlList()
this.getList()
}
})
this.setData({
@ -234,164 +157,16 @@ Page({
})
this.getTwoProduct()
this.getBanner()
this.getWeather()
},
gobdDetail(e) {
console.log(e);
let url = e.currentTarget.dataset.url
wx.navigateTo({
url: url
})
},
getList() {
let bdList = this.data.bdList
// 非玩不可--景点
commonApi._post("scene/get_scene_by_tag",{
tag_id:"4",
limit:6,
lon:this.data.lon,
lat:this.data.lat,
offset:0,
sort:"weight",
title:'',
area_id:''
}).then(res=>{
res.data.list.map(item => {
if (item.distance || item.distance == 0) {
if (item.distance >= 1000) {
item.distance = (item.distance / 1000).toFixed(2) + 'km';
} else {
item.distance = (item.distance).toFixed(2) + 'm';
}
}
})
this.setData({
list1:res.data.list
})
})
// 非买不可--文创
commonApi._post('product/get_product_by_tag',{
tag_id: 326,
offset: 0,
limit: 6,
}).then(res=>{
this.setData({
list2:res.data.list
})
})
// 非游不可--线路一日游
commonApi._post('product/get_product_by_tag',{
type_id: 23,
tag_id:17,
offset: 0,
limit: 6,
sort: 'weight'
}).then(res=>{
this.setData({
list3:res.data.list
})
})
// 非看不可--剧场演出
commonApi._post("product/get_product_by_tag",{
tag_id:"6",
offset:0,
limit:6,
sort:'',
order:'',
lat:this.data.lat,
lon:this.data.lon,
title:''
}).then(res=>{
this.setData({
list4:res.data.list
})
})
},
goDetail(e) {
let item = e.currentTarget.dataset.item;
let type = this.data.hdrlNavList[this.data.hdrlNavIndex].type
if (type == 'movie') {
wx.navigateTo({
url: '/pages/list/movieticket/list/info/index?id=' + item.third_id
})
}else {
wx.navigateTo({
url: '/pages/info/activityInfo/index?id=' + item.id,
})
}
},
// 分类为电影时调这个接口
getMovieList() {
let service = "Cinema/getHotMovieList";
let data = {
page: 1,
pageSize: 5
};
commonApi._post(service, data).then(res => {
console.log(res.data);
this.setData({
hdrlList: res.data
})
})
console.log(this.data.hdrlList);
},
// 推荐榜单更多跳转
moreBtn(e) {
let item = e.currentTarget.dataset.item
if (item.path!='') {
wx.navigateTo({
url: item.path,
})
} else {
// if (e.currentTarget.dataset.event) {
// this.pagePoint({
// event: e.currentTarget.dataset.event
// }, 1)
// }
let url = item.url;
app.globalData.weburl = url;
wx.navigateTo({
url: '/pages/pbService/web/index?weburl=' + encodeURIComponent(url),
})
}
},
// 活动日历下的列表
getHdrlList() {
commonApi._post('pbservice/Actcalendar/getActList', {
page_no: 1,
date: this.data.today,
category: this.data.hdrlNavList[this.data.hdrlNavIndex].type,
keywords: '',
area_key: '',
lat: this.data.lat,
lon: this.data.lon,
page_num: 5
}).then(res => {
this.setData({
hdrlList:res.data.rows
})
})
},
// 切换活动日历分类
changeHdrlNav(e) {
console.log(e.currentTarget.dataset);
this.setData({
hdrlList:[],
hdrlNavIndex:e.currentTarget.dataset.index,
})
if (this.data.hdrlNavIndex == 4) {
this.getMovieList()
} else {
this.getHdrlList() //切换分类重新获取活动日历列表
}
},
// 游苏州下的公共服务和旅游助手切换
changeType(e) {
this.setData({
yszIndex:e.currentTarget.dataset.index,
})
},
// 获取导航栏项目标题高度
this.getWeather()
// 获取今天的日期
let today = new Date();
this.setData({
month: (this.data.months[today.getMonth()]).toUpperCase(),
date: today.getDate()
})
this.getVideoPrize()
this.getXpthList()
},
getHeight() {
let that = this
wx.getSystemInfo({
@ -404,62 +179,59 @@ Page({
}
})
},
// getXpthList: function() {
// // 元旦新增 新品特惠
// commonApi._post("product/get_product_indulgence", {
// tag_id: 275,
// typeId: 3,
// }).then(res => {
// console.log('data', res.data);
// this.setData({
// xpth: res.data,
// djsTime: res.data.time
// })
// let time = setInterval(() => {
// this.setData({
// djsTime: this.data.djsTime - 1
// })
// this.formatDate(this.data.djsTime)
// }, 1000)
// if (this.data.djsTime == 0) {
// clearInterval(time)
// }
// })
// },
getXpthList: function() {
// 元旦新增 新品特惠
commonApi._post("product/get_product_indulgence", {
tag_id: 275,
typeId: 3,
}).then(res => {
console.log('data', res.data);
this.setData({
xpth: res.data,
djsTime: res.data.time
})
let time = setInterval(() => {
this.setData({
djsTime: this.data.djsTime - 1
})
this.formatDate(this.data.djsTime)
}, 1000)
if (this.data.djsTime == 0) {
clearInterval(time)
}
})
},
// 元旦新品特惠 倒计时
// formatDate: function(oTime) {
// let h = parseInt(oTime / 3600)
// let m = parseInt((oTime % 3600) / 60)
// let s = parseInt(oTime % 60)
// h = h < 10 ? "0" + h : h;
// m = m < 10 ? "0" + m : m;
// s = s < 10 ? "0" + s : s;
// this.setData({
// djs: {
// h: h,
// m: m,
// s: s
// }
// })
// return
// },
// 非遗跳转
// goFeiyi: function() {
// app.globalData.weburl = 'https://m.cloud.sz-trip.com/mlgCoupons'
// wx.navigateTo({
// url: "/pages/pbService/web/index"
// })
// },
// onTabItemTap: function(e) {
// console.log(e, 99999999)
// },
// 大轮播的监听方法
formatDate: function(oTime) {
let h = parseInt(oTime / 3600)
let m = parseInt((oTime % 3600) / 60)
let s = parseInt(oTime % 60)
h = h < 10 ? "0" + h : h;
m = m < 10 ? "0" + m : m;
s = s < 10 ? "0" + s : s;
this.setData({
djs: {
h: h,
m: m,
s: s
}
})
return
},
goFeiyi: function() {
app.globalData.weburl = 'https://m.cloud.sz-trip.com/mlgCoupons'
wx.navigateTo({
url: "/pages/pbService/web/index"
})
},
onTabItemTap: function(e) {
console.log(e, 99999999)
},
changeBannerIndex: function(e) {
this.setData({
activeBannerIndex: e.detail.current
})
},
// 小轮播监听方法
},
changeSmBannerIndex: function(e) {
this.setData({
smBannerIndex: e.detail.current
@ -689,7 +461,7 @@ Page({
util.gotoDetail(item)
},
gotoPath: function(e) {
console.log(e)
console.log(e)
// if (e.currentTarget.dataset.event) {
// if (e.currentTarget.dataset.event=='gongyeyuanqu_click') {
// wx.navigateToMiniProgram({
@ -826,33 +598,33 @@ Page({
})
},
// 热门推荐 去掉经纬度 接口排序方式变更（韩阳）
// getList: function() {
// if (!this.data.listMore) return;
// commonApi._post("search/recommend", {
// offset: this.data.list.length,
// limit: 16
// }).then(res => {
// res.data.map(item => {
// if (item.ext.display_tags) {
// item.ext.display_tags = item.ext.display_tags.split(",").splice(0, 2)
// } else {
// item.ext.display_tags = []
// }
// })
// if (res.data.length < 15) {
// this.setData({
// listMore: false
// })
// }
// this.setData({
// list: this.data.list.concat(res.data)
// })
// })
// },
getList: function() {
if (!this.data.listMore) return;
commonApi._post("search/recommend", {
offset: this.data.list.length,
limit: 16
}).then(res => {
res.data.map(item => {
if (item.ext.display_tags) {
item.ext.display_tags = item.ext.display_tags.split(",").splice(0, 2)
} else {
item.ext.display_tags = []
}
})
if (res.data.length < 15) {
this.setData({
listMore: false
})
}
this.setData({
list: this.data.list.concat(res.data)
})
})
},
onReachBottom: function() {
// if (this.data.list.length < 30) {
// this.getList()
// }
if (this.data.list.length < 30) {
this.getList()
}
},
gotoDetail: function(e) {
let item = e.currentTarget.dataset.item;
@ -980,186 +752,186 @@ Page({
url: '/pages/pbService/web/index?weburl=' + encodeURIComponent(weburl),
})
},
// bannerClick2: function(e) {
// let item = e.currentTarget.dataset.item;
// if (item.action == 'href') {
// if (item.href.indexOf(",") != -1) {
// let info = item.href.split(",");
// wx.navigateToMiniProgram({
// appId: info[0],
// path: info[1]
// })
// } else if (item.href.indexOf('map/index') != -1) {
// wx.reLaunch({
// url: item.href
// })
// } else {
// wx.navigateTo({
// url: item.href,
// })
// }
// } else if (item.action == "web") {
// app.globalData.weburl = item.href;
// wx.navigateTo({
// url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.href),
// })
// }
// },
bannerClick2: function(e) {
let item = e.currentTarget.dataset.item;
if (item.action == 'href') {
if (item.href.indexOf(",") != -1) {
let info = item.href.split(",");
wx.navigateToMiniProgram({
appId: info[0],
path: info[1]
})
} else if (item.href.indexOf('map/index') != -1) {
wx.reLaunch({
url: item.href
})
} else {
wx.navigateTo({
url: item.href,
})
}
} else if (item.action == "web") {
app.globalData.weburl = item.href;
wx.navigateTo({
url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.href),
})
}
},
// 监听文旅查询的scroll
listenScroll(e) {
this.setData({
scrollLeft: e.detail.scrollLeft
})
},
// // 获取短视频大赛是否中奖 中奖详情
// getVideoPrize() {
// let user_id = wx.getStorageSync('jstrip_userid');
// if (!user_id || wx.getStorageSync('indexPriceNoTip')) return;
// commonApi.user_post('actonline/video_act/getRaffle', {
// act_id: 5
// }).then(res => {
// this.setData({
// videoPrize: res.data
// })
// })
// },
// noMoreTip() {
// wx.setStorageSync('indexPriceNoTip', true)
// this.closePrice()
// },
// closePrice() {
// this.setData({
// videoPrize: false,
// prizeInfo: null
// })
// },
// 获取短视频大赛是否中奖 中奖详情
getVideoPrize() {
let user_id = wx.getStorageSync('jstrip_userid');
if (!user_id || wx.getStorageSync('indexPriceNoTip')) return;
commonApi.user_post('actonline/video_act/getRaffle', {
act_id: 5
}).then(res => {
this.setData({
videoPrize: res.data
})
})
},
noMoreTip() {
wx.setStorageSync('indexPriceNoTip', true)
this.closePrice()
},
closePrice() {
this.setData({
videoPrize: false,
prizeInfo: null
})
},
// 抽奖
// choosePrize() {
// commonApi.user_post('actonline/video_act/luckyDraw', {
// act_id: 5
// }).then(res => {
// this.setData({
// prizeInfo: res.data
// })
// if (res.data.type != 'none') {
// // 抽奖成功的话 弹框
// wx.showModal({
// title: "提示",
// content: "中奖人员请联系君到苏州客服，领奖方式以客服通知为准",
// showCancel: false
// })
// }
// })
// },
// bannerJumpNew(item) {
// let that = this
// item = item.currentTarget.dataset.item
// if (item.tdata == '') return
// that.pagePoint({
// event: "banner_click",
// type: 'banner'
// }, 1)
// switch (item.jump_type) {
// case 0:
// break;
// case 1:
// util.gotoDetail(item.product_model)
// break;
// case 2:
// if (item.front_model && item.front_model.mini) {
// wx.navigateTo({
// url: "/" + item.front_model.mini
// })
// }
// break;
// case 3:
// if ((item.tdata.url.indexOf('http://') != -1 || item.tdata.url.indexOf('https://') != -1) &&
// item.tdata.url.indexOf('m.cloud.sz-trip.com') == -1) {
// // 外部h5
// console.log(item.tdata)
// app.globalData.weburl = item.tdata.url;
// wx.navigateTo({
// url: "/pages/pbService/web/index"
// })
// } else {
// let page = item.tdata.url.split("/");
// page = page[page.length - 1].split("?")
// console.log(page[0])
// let url = this.data.urltopage[page[0]];
// if (url && url.indexOf('map') != -1) {
// let types = ['', 'scenic', 'venue', 'post', 'restaurant', 'relic', 'tenscenic',
// 'cinema', 'academes'
// ],
// type = page[1] ? page[1].split("=") : [];
// wx.reLaunch({
// url: url + "?type=" + (type[1] ? types.findIndex(t => t == type[1]) : null)
// })
// } else if (url) {
// wx.navigateTo({
// url: url,
// })
// } else {
// app.globalData.weburl = item.tdata.url;
// wx.navigateTo({
// url: "/pages/pbService/web/index"
// })
// }
// }
// break;
// case 4:
// if (item.tdata.appid == 'wxe5ca0f71e918e352' && wx.getStorageSync('jstrip_userid')) {
// // 如果是苏心游的小程序 直接把authCode带过去
// userApi.user_post("user/getJumpThirdAppCode", {}).then(res => {
// let weburl = item.tdata.page
// if (weburl.indexOf('?') != -1) {
// weburl += '&authCode=' + res.data;
// } else {
// weburl += '?authCode=' + res.data
// }
// wx.navigateToMiniProgram({
// appId: item.tdata.appid,
// path: weburl
// })
// }).catch(err => {
// wx.navigateToMiniProgram({
// appId: item.tdata.appid,
// path: item.tdata.page
// })
// })
// } else {
// wx.navigateToMiniProgram({
// appId: item.tdata.appid,
// path: item.tdata.page
// })
// }
// break;
// default:
// break;
// }
// return
// },
choosePrize() {
commonApi.user_post('actonline/video_act/luckyDraw', {
act_id: 5
}).then(res => {
this.setData({
prizeInfo: res.data
})
if (res.data.type != 'none') {
// 抽奖成功的话 弹框
wx.showModal({
title: "提示",
content: "中奖人员请联系君到苏州客服，领奖方式以客服通知为准",
showCancel: false
})
}
})
},
bannerJumpNew(item) {
let that = this
item = item.currentTarget.dataset.item
if (item.tdata == '') return
that.pagePoint({
event: "banner_click",
type: 'banner'
}, 1)
switch (item.jump_type) {
case 0:
break;
case 1:
util.gotoDetail(item.product_model)
break;
case 2:
if (item.front_model && item.front_model.mini) {
wx.navigateTo({
url: "/" + item.front_model.mini
})
}
break;
case 3:
if ((item.tdata.url.indexOf('http://') != -1 || item.tdata.url.indexOf('https://') != -1) &&
item.tdata.url.indexOf('m.cloud.sz-trip.com') == -1) {
// 外部h5
console.log(item.tdata)
app.globalData.weburl = item.tdata.url;
wx.navigateTo({
url: "/pages/pbService/web/index"
})
} else {
let page = item.tdata.url.split("/");
page = page[page.length - 1].split("?")
console.log(page[0])
let url = this.data.urltopage[page[0]];
if (url && url.indexOf('map') != -1) {
let types = ['', 'scenic', 'venue', 'post', 'restaurant', 'relic', 'tenscenic',
'cinema', 'academes'
],
type = page[1] ? page[1].split("=") : [];
wx.reLaunch({
url: url + "?type=" + (type[1] ? types.findIndex(t => t == type[1]) : null)
})
} else if (url) {
wx.navigateTo({
url: url,
})
} else {
app.globalData.weburl = item.tdata.url;
wx.navigateTo({
url: "/pages/pbService/web/index"
})
}
}
break;
case 4:
if (item.tdata.appid == 'wxe5ca0f71e918e352' && wx.getStorageSync('jstrip_userid')) {
// 如果是苏心游的小程序 直接把authCode带过去
userApi.user_post("user/getJumpThirdAppCode", {}).then(res => {
let weburl = item.tdata.page
if (weburl.indexOf('?') != -1) {
weburl += '&authCode=' + res.data;
} else {
weburl += '?authCode=' + res.data
}
wx.navigateToMiniProgram({
appId: item.tdata.appid,
path: weburl
})
}).catch(err => {
wx.navigateToMiniProgram({
appId: item.tdata.appid,
path: item.tdata.page
})
})
} else {
wx.navigateToMiniProgram({
appId: item.tdata.appid,
path: item.tdata.page
})
}
break;
default:
break;
}
return
},
onReady: function() {
},
// gotoOther: function(e) {
// let item = e.currentTarget.dataset.item;
// if (item.type == 'h5') {
// app.globalData.weburl = item.url
// wx.navigateTo({
// url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.url)
// })
// } else if (item.type == 'mini') {
// wx.navigateToMiniProgram({
// appId: item.appid,
// path: item.path
// })
// } else if (item.type == 'page') {
// wx.navigateTo({
// url: item.page,
// })
// }
// },
gotoOther: function(e) {
let item = e.currentTarget.dataset.item;
if (item.type == 'h5') {
app.globalData.weburl = item.url
wx.navigateTo({
url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.url)
})
} else if (item.type == 'mini') {
wx.navigateToMiniProgram({
appId: item.appid,
path: item.path
})
} else if (item.type == 'page') {
wx.navigateTo({
url: item.page,
})
}
},
pagePoint: function(e, type) {
util.pagePoint(e, type)
},

772
pages/index/index.wxml
View File

@ -1,7 +1,10 @@
<!--pages/indexs/index.wxml-->
<!--index.wxml-->
<title title="君到苏州（文化旅游总入口）"></title>
<!-- <view class="old-btn">关怀模式</view> -->
<!-- <image class="top-bg-img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/spring22/flowerbg.png" mode="widthFix"></image> -->
<!-- <image class="top-bg-img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/spring22/flower.gif" mode="widthFix"></image> -->
<!-- 后台获取的季节动图 -->
<image class="top-bg-img" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/topImg.gif" mode="widthFix"></image>
<image class="top-bg-img" src="{{indexSeason.topBac}}" mode="widthFix"></image>
<view wx:if="{{weather}}" class="top-box" style="height: 63rpx">
<image src="{{weather.icon2}}" style="margin-left:0" mode="aspectFill"></image>
<view class="weather-num">{{weather.max_temp}}°</view>
@ -11,6 +14,11 @@
mode="aspectFill"></image>
<image bindtap="gotoPath" data-event="message_click" data-path="/pages/list/message/index"
src="https://static.ticket.sz-trip.com/uploads/20240428/ae4b559db397a7b7d76b471576bfa3c0.png" mode="aspectFill"></image>
<!-- <image bindtap="gotoPath" style="margin-left:0" data-path="/pages/user/service/index"
data-event="customer_service_click" src="https://static.ticket.sz-trip.com/xcxImages/spring22/service.png"
mode="aspectFill"></image>
<image bindtap="gotoPath" data-event="message_click" data-path="/pages/list/message/index"
src="https://static.ticket.sz-trip.com/xcxImages/spring22/msg.png" mode="aspectFill"></image> -->
</view>
<view class="top-box" style="padding:0;margin-bottom:18rpx" wx:if="{{!isTest}}">
<navigator url="/pages/search/index" catchtap="pagePoint" data-event="search_click" class="search-box textOver">
@ -20,7 +28,7 @@
</view>
<view style="position:relative;z-index: 1;" >
<swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex" circular>
<block wx:for="{{banner}}" wx:key="this">
<block wx:for="{{banner}}" wx:key="*this">
<swiper-item bindtap="bannerClick" data-item="{{item}}">
<image src="{{item.head_img}}" mode="scaleToFill"></image>
</swiper-item>
@ -30,103 +38,144 @@
<view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="this"></view>
</view>
</view>
<view class="content">
<!-- 活动日历 -->
<view class="sale-road-boxes" style="margin: 0 26.67rpx;">
<image mode="heightFix" style="height:86rpx" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendar.png"></image>
<navigator url="/pages/list/activitynew/index" class="right-more">更多 ></navigator>
<!-- <swiper class="swiper" indicator-dots="{{true}}"
autoplay="{{true}}" interval="{{5000}}" duration="{{300}}">
<block wx:for="{{banner}}" wx:key="*this">
<swiper-item bindtap="bannerClick2" data-item="{{item}}">
<image src="{{item.img}}" mode="aspectFill"></image>
</swiper-item>
</block>
</swiper> -->
<view class="top-icons" wx:if="{{!isTest}}">
<view bindtap="gotoPath" data-event="activity_click" data-title="活动日历" data-path="/pages/list/activitynew/index"
class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/ebe723260a0d46550c77307472180586.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon1New.png" mode="widthFix"></image> -->
<view class="top-icon-text">活动日历</view>
</view>
<view class="hdrlNavList">
<view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id">
{{item.title}}
</view>
<view bindtap="gotoPath" data-event="museum" data-title="场馆预约"
data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/106ed983a3641f27a13c41cc2b977af2.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon2New.png" mode="widthFix"></image> -->
<view class="top-icon-text">场馆预约</view>
</view>
<view wx:if="{{hdrlNavIndex!=4}}">
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" class="hdrlList" wx:if="{{!isTest}}">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this" style="width: 593.33rpx;">
<view style="background: #fff;display: flex;border-radius: 13rpx;">
<image class="hdrlItem-img" src="{{item.post_url}}" mode=""/>
<view class="hdrlItem-content">
<view class="hdrlItem-title textOver3">{{item.name}}</view>
<view class="hdrlItem-date">{{item.begin_date}}-{{item.end_date}}</view>
</view>
</view>
</view>
</view>
<!-- 非遗跳专题 -->
<!-- <view bindtap="goFeiyi" data-event="legacy" data-title="非遗专卖"
data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index" class="top-icon-item"> -->
<view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖"
data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index" class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/64bc601cd248586984c6ba7f7abf12cd.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon3New.png" mode="widthFix"></image> -->
<view class="top-icon-text">非遗专卖</view>
</view>
<view wx:else>
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" wx:if="{{!isTest}}" class="one">
<view class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="this">
<view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;">
<image class="movieItem-img" src="{{item.headimg}}" mode=""/>
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 5rpx 2rpx;font-size: 30rpx;font-weight: 500;width: 500rpx;box-sizing: border-box;">
<view>{{item.title}}</view>
<view style="display: flex;justify-content: flex-end;">
<view class="buyMovie">去购票 ></view>
</view>
<view bindtap="gotoPath" data-event="show" data-title="剧场演出"
data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/3db989129660f5de29b0f617375f0672.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon4New.png" mode="widthFix"></image> -->
<view class="top-icon-text">剧场演出</view>
</view>
<view bindtap="gotoPath" data-event="specialty" data-title="文创特产"
data-path="/pages/list/{{isTest?'road':'techan'}}/index" class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/bafa90e369f339347170f9c55a245d78.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon5New.png" mode="widthFix"></image> -->
<view class="top-icon-text">文创特产</view>
</view>
<view bindtap="gotoPath" data-event="ticket_click" data-title="景点门票" data-path="/pages/list/scene/index"
class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/e11e0cb3033b786fc61ee17f8bfbfbfb.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon6New.png" mode="widthFix"></image> -->
<view class="top-icon-text">景点门票</view>
</view>
<view bindtap="gotoPath" data-event="hotel_click" data-title="酒店住宿" data-path="/pages/list/hotel/index"
class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/26d38d0b8b6014915b5b013e8672ae82.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon7New.png" mode="widthFix"></image> -->
<view class="top-icon-text">酒店住宿</view>
</view>
<view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index"
class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/1d8d45eab5735103ed2d1342f84b615a.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon8New.png" mode="widthFix"></image> -->
<view class="top-icon-text">夜游苏州</view>
</view>
<view bindtap="gotoUrl" data-event="card" data-title="一卡游苏州" data-url="https://m.cloud.sz-trip.com/OneDayTravelNew"
class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/d63fd9f74bc5f3016800f0572fdbeed9.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon9New.png" mode="widthFix"></image> -->
<view class="top-icon-text">一日游</view>
</view>
<view bindtap="gotoUrl" data-event="movie" data-title="研学游" data-url="https://m.cloud.sz-trip.com/LearningTravel"
class="top-icon-item">
<!-- 夏季修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/3537918b5a5b26319c22747e80200ef7.png" mode="widthFix"></image>
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/icon10New.png" mode="widthFix"></image> -->
<view class="top-icon-text">研学游</view>
</view>
</view>
<view class="content">
<view class="sale-road-boxes" wx:if="{{false}}">
<view class="sale-box" bindtap="gotoPath" data-event="discount_click" data-title="特惠新品"
data-path="/pages/list/{{isTest==false?'sale':'scene'}}/index">
<view class="sale-title"><text>特惠新品</text>超值商品限时抢购</view>
<view class="sale-product">
<view class="sale-product-bg"></view>
<image mode="aspectFill" class="sale-img"
src="https://static.ticket.sz-trip.com/uploads/20211022/0c90b027b5572b559b34c219eaf257ba.jpg"></image>
<image class="sale-tip-img" src="https://static.ticket.sz-trip.com/xcxImages/spring22/sale.png"
mode="aspectFill">
</image>
<view class="sale-info">
<view class="sale-product-title textOver2">
<view>限时特惠</view>
<view>新品推荐</view>
</view>
<view class="sale-price" style="#F44747" wx:if="{{saleProduct}}">
￥{{saleProduct.price?saleProduct.price/100:0}}起</view>
</view>
</view>
</view>
</view>
<!-- 高峰预警、实时路况及几个板块 -->
<view class="main-box" wx:if="{{!isTest}}">
<!-- 上面的高峰预警、实时路况 -->
<view class="main-box-top">
<image bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="gfyj" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/gfyj.png" mode=""/>
<image bindtap="gotoUrl" data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="sslk" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/sslk.png" mode=""/>
</view>
<!-- 下面几大板块 -->
<view class="slide-out-box">
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box">
<view class="pbservice" style="margin-bottom:30rpx">
<view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image>
<view class="text">景点门票</view>
</view>
<view bindtap="gotoPath" data-event="night_sz" data-title="夜游苏州" data-path="/pages/list/night/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image>
<view class="text">夜游苏州</view>
</view>
<view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/pages/list/{{isTest?'road':'techan'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/wctc.png" mode="widthFix"></image>
<view class="text">文创特产</view>
</view>
<view bindtap="gotoPath" data-event="museum" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/cgyy.png" mode="widthFix"></image>
<view class="text">场馆预约</view>
</view>
<view bindtap="gotoPath" data-event="show" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jcyc.png" mode="widthFix"></image>
<view class="text">剧场演出</view>
</view>
<view bindtap="gotoUrl" data-event="card" data-title="一卡游苏州" data-url="https://m.cloud.sz-trip.com/OneDayTravelNew" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yry.png" mode="widthFix"></image>
<view class="text">一日游</view>
</view>
<view bindtap="gotoPath" data-event="one_card" data-title="一卡游" data-path="/pages/list/card/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yky.png" mode="widthFix"></image>
<view class="text">一卡游</view>
</view>
<view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image>
<view class="text">非遗专卖</view>
<view class="sale-box" bindtap="gotoPath" data-event="route_click" data-title="精品线路"
data-path="/pages/list/road/index">
<view class="sale-title"><text>精品线路</text>带你轻松玩转苏州</view>
<view class="sale-product">
<view class="sale-product-bg road-product-bg"></view>
<common-image class="sale-img" width="173rpx" height="165rpx"
src="https://static.ticket.sz-trip.com/uploads/20211022/f8d9b54fa477b9ad8bf14e119664455e.jpg"
mode="aspectFill"></common-image>
<image class="sale-tip-img" src="https://static.ticket.sz-trip.com/xcxImages/spring22/road.png"
mode="aspectFill">
</image>
<view class="sale-info">
<view class="sale-product-title textOver2">
<view>四季苏州</view>
<view>最是江南</view>
</view>
<view class="sale-price" style="color:rgb(0, 153, 137)" wx:if="{{roadProduct}}">
￥{{roadProduct.price?roadProduct.price/100:0}}起</view>
</view>
</scroll-view>
<view class="scroll-line">
<view class="scroll-line-bg" wx:if="{{scrollLeft == 0}}" style="width:25rpx;"></view>
<view class="scroll-line-bg2" wx:else style="width:25rpx;"></view>
</view>
</view>
</view>
<!-- 小轮播 -->
<view class="small-swiper-box">
<!-- 五一修改 一张banner不滚动 -->
<view class="small-swiper-box" wx:if="{{xiaobanner.length === 1}}">
<image bindtap="bannerClick" data-item="{{xiaobanner[0]}}" style="border-radius:13rpx;width: 100%" src="{{xiaobanner[0].head_img}}" mode="widthFix"></image>
</view>
<view class="small-swiper-box" wx:else>
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
bindchange="changeSmBannerIndex">
<block wx:for="{{xiaobanner}}" wx:key="*this">
<swiper-item bindtap="bannerClick" data-item="{{item}}">
<!-- 原 圆角77rpx，现改为13rpx -->
<image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
</swiper-item>
</block>
@ -135,145 +184,464 @@
<view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="this"></view>
</view>
</view>
<!-- 游苏州 -->
<view class="sale-road-boxes" style="margin: 0 26.67rpx;">
<view style="margin-bottom:6rpx;">
<image style="width: 286.67rpx;height: 80rpx;margin-bottom: 14.67rpx;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/ysz.png" mode=""/>
<view>
<text style="padding: 11.33rpx 18rpx;" class="hdrlNav{{index==yszIndex?' hdrlNavActive':''}}" wx:for="{{yszNav}}" data-index="{{index}}" bindtap="changeType" wx:key="this">{{item}}</text>
<!-- 2024年 夏季改UI新增景区舒适度和实时路况 -->
<view style="display: flex;">
<view bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="jqssd" ></view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="sslk"></view>
</view>
<!-- 元旦修改 限时特惠--新版-->
<view class="sale-road-boxes xpth" style="margin-bottom: 18.67rpx;margin-top: 0;padding-top: 0;" wx:if="{{!isTest}}">
<!-- 上方标题部分 -->
<view class="xsth-title">
<view class="xsth-left" style="display: flex;">
<image mode="heightFix" style="height:86rpx" src="{{indexSeason.xpth}}"></image>
</view>
<view class="time-box" style="z-index: 9;">
倒计时
<view class="xsth-time" style="margin-left: 20rpx;">{{djs.h}}</view>
<text>:</text>
<view class="xsth-time">{{djs.m}}</view>
<text>:</text>
<view class="xsth-time">{{djs.s}}</view>
</view>
<!-- <image class="rmtj-right" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-right.png" mode=""/> -->
<!-- <view class="xsth-more" bindtap="goBanner" data-url="{{xpth.adv.tdata}}">
更多<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/rightIcon.png" mode="heightFix"/>
</view> -->
</view>
<!-- 商品部分 -->
<view class="xpth-product">
<!-- 左边的2个产品 -->
<view class="xpth-left">
<view class="xpth-item" wx:for="{{xpth.list}}" bindtap="productGotoDetail" data-item="{{item}}" wx:key="id">
<image src="{{item.headimg}}" mode=""/>
<view class="xpth-item-content">
<view class="xpth-item-title textOver2">{{item.title}}</view>
<!-- <view class="xpth-tag">唇齿留香</view> -->
<view class="xpth-item-bottom">
<view class="xpth-item-price">{{item.price/100}}</view>
<!-- <view class="xpth-item-buy">立即抢购</view> -->
</view>
</view>
</view>
</view>
<!-- 右边的banner -->
<image bindtap="goBanner" class="xpth-banner" data-url="{{xpth.adv.tdata}}" src="{{xpth.adv.head_img}}" mode="aspectFill"/>
</view>
<image style="width: 218rpx;height: 109.33rpx;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/boat.png" mode=""/>
</view>
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}">
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;">
<view class="pbservice ggfw-list" style="width:100%;justify-content: space-between;">
<view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/anquan.png" mode="widthFix"></image>
<view>安全服务</view>
<view class="sale-road-boxes" style="margin-top:0">
<image mode="heightFix" style="height:86rpx" src="{{indexSeason.wlcx}}"></image>
<image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240606/479dad06e6cf67bc45f7cf605d982184.png" mode=""/>
</view>
<!-- 五一修改 .slide-out-box 增加背景色-->
<view class="slide-out-box">
<!-- 元旦修改 .slide-box的原样式 height:360rpx-->
<scroll-view scroll-x style="height:343.33rpx" bindscroll="listenScroll" class="slide-box">
<view class="pbservice" style="margin-bottom:30rpx">
<view bindtap="gotoUrl" data-title="非遗鉴赏" style="margin-left: 20rpx;" data-url="https://m.cloud.sz-trip.com/IntangibleCultural2" class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb3.jpg" mode="widthFix"></image>
<view>非遗鉴赏</view> -->
<!-- 元旦修改 第一个pbservice-item新增margin-left -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/97844beceebd503256bebae5afd6820b.png" mode="widthFix"></image>
<view class="text">非遗鉴赏</view>
</view>
<view bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/gaofeng.png" mode="widthFix"></image>
<view>高峰预警</view>
<view bindtap="goH5" data-title="数字博物馆"
data-path="BwsInfo" class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/uploads/20220907/d50f492083b419b9b538de274423084c.png" mode="widthFix"></image>
<view>数字博物馆</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/27acb48002369a8203762acc783c7492.png" mode="widthFix"></image>
<view class="text">数字博物馆</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/xingli.png" mode="widthFix"></image>
<view>行李寄存</view>
<view bindtap="gotoUrl" data-event="book_click" data-title="公共文化资源库" data-url="https://m.cloud.sz-trip.com/PublicCulture2022"
class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/ggwh.png" mode="widthFix"></image>
<view>公共文化资源库</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/0f422cb2026f42c772ab12d384f5b7ef.png" mode="widthFix"></image>
<view class="text">公共文化资源库</view>
</view>
<view bindtap="goH5" data-event="book_click" data-title="文博会" data-path="CloudExpo"
class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/uploads/20220810/ceb07b75aa3df20d7f1de22e2588332a.png" mode="widthFix"></image>
<view>云上文博会</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/4a3804f24e034e15f19c27a85d0a8ac4.png" mode="widthFix"></image>
<view class="text">云上文博会</view>
</view>
<view bindtap="gotoUrl" data-event="cloud_click" data-title="云上观展"
data-url="https://m.cloud.sz-trip.com/CloudPerform2022" class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb13.png" mode="widthFix"></image>
<view>云上观展</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/5711260f02772eebaba9dba9dfda2b4f.png" mode="widthFix"></image>
<view>云上观展</view>
</view>
<view bindtap="gotoPath" data-event="review_click" data-title="精彩回顾" data-path="/pages/pbService/activity/index"
class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb8.png" mode="widthFix"></image>
<view>精彩回顾</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/e5b8c83dd99e18b9af6b15aede1c458b.png" mode="widthFix"></image>
<view class="text">精彩回顾</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw" style="margin-right: 0;">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/shishi.png" mode="widthFix"></image>
<view>实时路况</view>
<view bindtap="gotoPath" data-event="institution_click" data-title="文旅单位"
data-path="/pages/list/culturalUnit/index" class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb11.png" mode="widthFix"></image>
<view>文旅单位</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/5b0b1be9942bfae84ddbd218421e098f.png" mode="widthFix"></image>
<view class="text">文旅单位</view>
</view>
<view bindtap="gotoPath" data-event="book_click" data-title="书仓" data-path="/pages/pbService/library/index"
class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb5.png" mode="widthFix"></image>
<view>书香借阅</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/92ddf619960de959f760d5690ed5007a.png" mode="widthFix"></image>
<view class="text">书仓</view>
</view>
<view bindtap="gotoPath" style="margin-left: 20rpx;" data-event="book_click" data-title="苏影通" data-path="/pages/list/movieticket/index"
class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/syt.png" mode="widthFix"></image>
<view>苏影通</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/5b2f56e57caa058ef0293a682bc620c5.png" mode="widthFix"></image>
<view class="text">苏影通</view>
</view>
<view bindtap="gotoPath" data-event="appreciate_click" data-title="视觉中心"
data-path="/pages/pbService/appreciate/index" class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb4.png" mode="widthFix"></image>
<view>视觉中心</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/61aac5403bb54bb4cea6a9587da6863b.png" mode="widthFix"></image>
<view class="text">视觉中心</view>
</view>
<!-- <view bindtap="gotoPath" data-event="culture_search_click" data-title="文物查询"
data-path="/pages/pbService/wwcx/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb3.png" mode="widthFix"></image>
<view>文物查询</view>
</view> -->
<view bindtap="goH5" data-title="文化场馆查询"
data-path="Museum" class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/uploads/20220907/9fb0bc6ed4ba61b198b1928985d1645d.png" mode="widthFix"></image>
<view>文化场馆查询</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/29b2954718fe7b7232fe352eb503fbf0.png" mode="widthFix"></image>
<view class="text">文化场馆查询</view>
</view>
<!-- <view bindtap="gotoPath" data-event="museum_search_click" data-title="博物馆查询"
data-path="/pages/pbService/museum/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb6.png" mode="widthFix"></image>
<view>博物馆查询</view>
</view> -->
<!-- <view bindtap="gotoUrl" data-event="book_click" data-title="文博会" data-url="https://yscbh.sz-trip.com/"
class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20220810/ceb07b75aa3df20d7f1de22e2588332a.png" mode="widthFix"></image>
<view>云上文博会</view>
</view> -->
<view bindtap="gotoUrl" data-event="investment_click" data-title="投资导引图" data-url="https://hot-map.sz-trip.com/"
class="pbservice-item">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb1.png" mode="widthFix"></image>
<view>投资导引图</view> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/c66d07e172fe3dd66afc0c69340a7b7d.png" mode="widthFix"></image>
<view class="text">投资导引图</view>
</view>
<!-- <view bindtap="gotoUrl" data-title="数字文物"
data-url="https://foxnut-gffcu6t2.pai.tcloudbase.com/suzhouguobao/index.html#/" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb12.png" mode="widthFix"></image>
<view>数字文物</view>
</view> -->
<!-- <view bindtap="gotoPath" data-event="team_click" data-title="团体预约" data-path="/pages/pbService/group/index"
class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb9.png" mode="widthFix"></image>
<view>团体预约</view>
</view> -->
<!-- <view bindtap="gotoUrl" data-title="廉洁地图"
data-url="https://ljwhdt.lianshi.gov.cn:8443/Web/WebChatJCW/Mobile/EduBase/MobileMap.aspx"
class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/newpb10.png" mode="widthFix"></image>
<view>廉洁地图</view>
</view> -->
<!-- <view bindtap="gotoPath" data-event="book_click" data-title="文化配送" data-path="/pages/culture/index"
class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/uploads/20220818/e02af6e8bf9170060ed7295d367d72c1.png" mode="widthFix"></image>
<view>文化配送</view>
</view> -->
</view>
<navigator class="ysz-more" url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view">
查看更多 >
</navigator>
</scroll-view>
<view class="scroll-line">
<!-- <view class="scroll-line-bg" style="width:{{4 / 5 * 100}}%;margin-left:{{scrollLeft}}px"></view> -->
<!-- 元旦修改 以下两行都是改的 .scroll-line-bg .scroll-line-bg2-->
<view class="scroll-line-bg" wx:if="{{scrollLeft == 0}}" style="width:37rpx;"></view>
<view class="scroll-line-bg2" wx:else style="width:37rpx;"></view>
</view>
<view wx:else>
<view class="pic-list" style="margin-top:20rpx" wx:if="{{!isTest}}">
<image class="new-pic" bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州"
data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/douyin.png" mode="aspectFill"></image>
<image class="new-pic" bindtap="gotoPath" data-event="food_click" data-title="街巷美食"
data-path="/pages/list/{{isTest?'road':'food'}}/index"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jiexiang.png" mode="aspectFill"></image>
<image class="new-pic" bindtap="audioGuide" data-event="voice_click"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yuyin.png" mode="aspectFill">
</image>
<image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/youji.png" mode="aspectFill"></image>
</view>
<view class="sale-road-boxes" style="margin-top:0">
<image mode="heightFix" style="height:86rpx" src="{{indexSeason.lyzs}}"></image>
<image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240606/7f1962fbfe1c56155ace577eeb8e6580.png" mode=""/>
</view>
<view class="pic-list" style="margin-top:20rpx" wx:if="{{!isTest}}">
<image class="new-pic" bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州"
data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1"
src="https://static.ticket.sz-trip.com/uploads/20240428/c40ddcb3ed2c971eec02187374540d06.png" mode="aspectFill"></image>
<image class="new-pic" bindtap="gotoPath" data-event="food_click" data-title="街巷美食"
data-path="/pages/list/{{isTest?'road':'food'}}/index"
src="https://static.ticket.sz-trip.com/uploads/20240428/866baa2713b1819cb861aec9fd34970d.png" mode="aspectFill"></image>
<image class="new-pic" bindtap="audioGuide" data-event="voice_click"
src="https://static.ticket.sz-trip.com/uploads/20240428/7e1fc96543b093aa6871172770d0db6b.png" mode="aspectFill">
</image>
<image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
src="https://static.ticket.sz-trip.com/uploads/20240428/3c21e5876209c1bad4bbfcc688779c08.png" mode="aspectFill"></image>
<!-- <image class="new-pic" bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州"
data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/disz.png" mode="aspectFill"></image> -->
<!-- <image class="new-pic" bindtap="gotoPath" data-event="food_click" data-title="街巷美食"
data-path="/pages/list/{{isTest?'road':'food'}}/index"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/jxms.png" mode="aspectFill"></image> -->
<!-- <image class="new-pic" bindtap="audioGuide" data-event="voice_click"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/yydl.png" mode="aspectFill">
</image>
<image class="new-pic" bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/yuandan2024/yjgl.png" mode="aspectFill"></image> -->
<!-- 元旦修改 下面4个为原始的， 上面的是新改的 新改的class为 new-pic -->
<!-- <image bindtap="gotoUrl" data-event="dou_click" data-title="抖in苏州"
data-url="https://m.cloud.sz-trip.com/ShakeInDetailList?id=350&class_id=27&index=1"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/douinsuzhou.png" mode="aspectFill"></image>
<image bindtap="gotoPath" data-event="food_click" data-title="街巷美食"
data-path="/pages/list/{{isTest?'road':'food'}}/index"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/suzhoumeishi.png" mode="aspectFill"></image>
<image bindtap="audioGuide" data-event="voice_click"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/yuyindaohang.png" mode="aspectFill">
</image>
<image bindtap="gotoPath" data-event="guide_click" data-title="游记攻略" data-path="/pages/list/strategy/index"
src="https://static.ticket.sz-trip.com/jundaosuzhou/images/jdsz/youjigonlue.png" mode="aspectFill"></image> -->
<!-- <image bindtap="city" data-event="city_click" src="https://static.ticket.sz-trip.com/xcxImages/index/cxzs4.png"
mode="aspectFill"></image> -->
</view>
<view class="sale-road-boxes" style="margin-top:0;">
<image mode="heightFix" style="height:86rpx" src="{{indexSeason.ggfw}}"></image>
<navigator url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view" class="title-more">查看全部 <text
class="iconfont icon-you"></text> </navigator>
<!-- <image class="rmtj-right" style="z-index: 2;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/ggfw-right.png" mode=""/> -->
</view>
<view style="overflow-x:auto;background: #FFFED6;border-radius: 20rpx;background:url('https://static.ticket.sz-trip.com/uploads/20240606/ec3159a8e5b6bb0ccce8aef14ca70f14.png');background-size: 100% 100%;">
<!-- 元旦修改 ggfw为新增类名 -->
<view class="pbservice ggfw-list" style="width:100%;margin-top: 30rpx;">
<!-- <view bindtap="gotoPath" data-event="comfort_click" data-title="景区舒适度"
data-path="/pages/pbService/sceneComfort/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/pbservice/pb4.png" mode="widthFix"></image>
<view>景区舒适度</view>
</view> -->
<!-- 元旦修改 ggfw为新增类名 -->
<view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/index/pb4.png" mode="widthFix"></image> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/5bc25bb21009b5f652b07d7c5d44b247.png" mode="widthFix"></image>
<view>安全服务</view>
</view>
<view bindtap="gotoUrl" data-event="comfort_click" data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/ScenicComfort" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<!-- <image src="https://static.ticket.sz-trip.com/xcxImages/pbservice/pb4.png" mode="widthFix"></image> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/55bbad2e7dcec9bd9753fc848488b8f2.png" mode="widthFix"></image>
<view>景区舒适度</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" style="margin-right: 32.33rpx;">
<!-- <image src="https://static.ticket.sz-trip.com/uploads/20230808/484100644e7f02f4eb722a8c2e665927.png" mode="widthFix"></image> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/311deeac7cd4dbf821b9b394e69431ed.png" mode="widthFix"></image>
<view>行李寄存</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://jiaotonghao2.amap.com/?channel=amap&unitId=257&src=app_share#/" class="pbservice-item ggfw" style="margin-right: 0;">
<!-- <image src="https://static.ticket.sz-trip.com/uploads/20230901/21668c913dd4875d05eba398e905b9f0.png" mode="widthFix"></image> -->
<!-- 元旦修改 -->
<image src="https://static.ticket.sz-trip.com/uploads/20240606/a6ab539577b9003e35061a888ec4aa27.png" mode="widthFix"></image>
<view>实时路况</view>
</view>
<!-- <view bindtap="gotoPath" data-event="toilet_home_click" data-title="找厕所"
data-path="/pages/pbService/bike/index?type=1" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/pb2.png" mode="widthFix"></image>
<view>找厕所</view>
</view> -->
<!-- <view bindtap="gotoPath" data-event="car_park_home_click" data-title="停车场"
data-path="/pages/pbService/bike/index?type=2" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/pb3.png" mode="widthFix"></image>
<view>停车场</view>
</view> -->
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="12348" data-path="/pages/index/index"
class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/xcxImages/index/pb4New.png" mode="widthFix"></image>
<view>12348</view>
</view> -->
</view>
</view>
<!-- 推荐榜单 -->
<image class="tjbd-title" style="width: 286.67rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/tjbd.png" mode=""/>
<!-- 4个产品榜单 -->
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box" wx:if="{{!isTest}}">
<view class="bd-box" style="background:{{item.bg}};" wx:for="{{bdList}}" wx:key="this">
<image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/>
<view class="bd-top">
<image class="bd-type" src="{{item.icon}}" mode=""/>
<view bindtap="moreBtn" class="bd-more" data-item="{{item}}">更多 ></view>
<view class="sale-road-boxes">
<image mode="heightFix" style="height:86rpx" src="{{indexSeason.sqj}}"></image>
<image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240428/6955225b950d5bbe5168f5d9994a6098.png" mode=""/>
</view>
<!-- <view class="six-box">
<image bindtap="gotoPath" data-event="{{area_ids[index]}}_click" data-title="苏城六纪"
data-path="/pages/list/six/index?area={{area_ids[index]}}" wx:for="{{10}}"
src="https://static.ticket.sz-trip.com/xcxImages/index/six{{index+1}}.png" mode="widthFix">
</image>
</view> -->
<!-- 元旦修改 十全街新 以上注释部分为之前的版本-->
<view class="six-box-new" wx:if="{{!isTest}}">
<image bindtap="gotoPath" data-event="{{area_ids[index]}}_click" data-title="苏城六纪"
data-path="/pages/list/six/index?area={{area_ids[index]}}" wx:for="{{sqjNew}}"
src="{{sqjNew[index]}}" mode="widthFix" wx:key="index">
</image>
</view>
<view class="sale-road-boxes" style="margin-top:0" wx:if="{{otherPlat}}">
<image mode="heightFix" style="height:86rpx" src="{{indexSeason.csjwlpt}}"></image>
<image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240428/f6648d96e0f6d99cc8d82633b5ad1536.png" mode=""/>
</view>
<view class="other-plats" wx:if="{{otherPlat}}">
<view class="other-plat" wx:for="{{otherPlat}}" bindtap="gotoOther" data-item="{{item}}" wx:key="this">
<image src="{{item.icon}}" mode="widthFix"></image>
<view>{{item.name}}</view>
</view>
<view wx:if="{{index==0}}" style="position: relative;z-index: 9;">
<view data-url="/pages/info/sceneProductInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list1}}" wx:key="id" bindtap="gobdDetail">
<view class="bd-index">{{index+1}}</view>
<view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/>
<view class="bd-item-content">
<view class="bd-item-title textOver2">
{{item.title}}
</view>
<view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view>
<view class="bd-distance" wx:if="{{item.distance}}">{{item.distance}}</view>
</view>
</view>
<view class="sale-road-boxes" style="margin-top:0">
<image mode="heightFix" style="height:86rpx" src="{{indexSeason.rmtj}}"></image>
<image class="rmtj-right" src="https://static.ticket.sz-trip.com/uploads/20240428/31601dded0df580774b24b064bbb6580.png" mode=""/>
</view>
<view class="hot-list" wx:if="{{isTest==false}}">
<view class="hot-list-item" wx:for="{{2}}" wx:for-index="number" wx:key="this">
<view wx:for="{{list}}" wx:if="{{index%2==number}}" bindtap="gotoDetail" data-item="{{item}}" wx:key="id">
<view wx:if="{{number==0 && index==0}}" class="hot-item today-hot">
<common-image class="today-main-img" width="100%" height="615rpx" src="{{item.ext.headimg}}"
mode="aspectFill"></common-image>
<view style="position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.14)"></view>
<image class="today-tip-img" src="https://static.ticket.sz-trip.com/xcxImages/index/today.png"
mode="widthFix"></image>
<view class="today-date">{{date}} {{month}}</view>
<view class="today-hot-box">
<view class="today-hot-tag textOver" wx:for="{{item.ext.display_tags && ext.display_tags.length>0}}" wx:key="this">
{{item.ext.display_tags[0]}}</view>
<view class="today-hot-title">{{item.title}}</view>
</view>
</view>
</view>
</view>
<view wx:if="{{index==1}}" style="position: relative;z-index: 9;">
<view bindtap="gobdDetail" data-url="/pages/info/postProductInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list2}}" wx:key="id">
<view class="bd-index">{{index+1}}</view>
<view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode="aspectFill"/>
<view class="bd-item-content">
<view class="bd-item-title textOver2">
{{item.title}}
</view>
<view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view>
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view>
<view class="hot-item" wx:elif="{{item.type=='travels'}}">
<view style="position:relative">
<common-image width="100%" src="{{item.ext.headimg}}" mode="widthFix"></common-image>
<view class="hot-location textOver">{{item.ext.subtitle}}</view>
</view>
<view class="hot-info">
<view class="hot-title">{{item.title}}</view>
<view class="tags textOver" style="margin-bottom:0">
<view class="icon-box">
<text class="iconfont icon-xin"></text>
<text>{{item.ext.like_number}}</text>
</view>
<view class="icon-box">
<text class="iconfont icon-eye"></text>
<text>{{item.ext.view_number}}</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view wx:if="{{index==2}}" style="position: relative;z-index: 9;">
<view bindtap="gobdDetail" data-url="/pages/info/roadInfo/index?id={{item.id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list3}}" wx:key="id">
<view class="bd-index">{{index+1}}</view>
<view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/>
<view class="bd-item-content">
<view class="bd-item-title textOver2">
{{item.title}}
</view>
<view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view>
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view>
</view>
<view wx:else class="hot-item">
<view style="position:relative">
<common-image width="100%" src="{{item.ext.headimg}}" mode="widthFix"></common-image>
<!-- <view wx:if="{{item.type!='act_calendar' && item.ext.address}}" class="hot-location textOver"><text
class="iconfont icon-location"></text>{{item.ext.address}}</view> -->
</view>
<view class="hot-info">
<view class="hot-title">{{item.title}}</view>
<!-- <view class="tags textOver">
<view wx:for="{{item.ext.display_tags}}" class="tag textOver">{{item}}</view>
</view> -->
<view wx:if="{{item.ext.type!='tenscenic' && item.ext.price}}" class="hot-price">
<text>￥</text><text>{{item.ext.price/100}}</text><text>起</text></view>
</view>
</view>
</view>
</view>
<view wx:if="{{index==3}}" style="position: relative;z-index: 9;">
<view bindtap="gobdDetail" data-url="/pages/info/sceneProductInfo/index?id={{item.scene_id}}" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{list4}}" wx:key="id">
<view class="bd-index">{{index+1}}</view>
<view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/>
<view class="bd-item-content">
<view class="bd-item-title textOver2">
{{item.title}}
</view>
<view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view>
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view>
</view>
</view>
</view>
</view>
<view wx:if="{{listMore && isTest==false}}" class="more-btn-text" bindtap="getList">查看更多</view>
<view wx:else class="more-btn-text" bindtap="getList">暂无更多推荐</view>
</view>
<view class="mask prizeMask" wx:if="{{videoPrize}}">
<view class="mask-bg"></view>
<view class="mask-content"
style="width:100%;display:flex;flex-direction:column;background:none;border-radius:0;align-items:center">
<!-- 中奖的卡券 -->
<view style="position:relative" wx:if="{{prizeInfo && prizeInfo.type=='coupon'}}">
<image bindtap="choosePrize" style="display:block;width:533rpx"
src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/bg1.png" mode="widthFix"></image>
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/congratulation.png" mode="widthFix"
class="prize-tip-text"></image>
<view class="prize-name">{{prizeInfo.prize_name}}</view>
<view class="prize-img">
<image src="{{prizeInfo.head_img}}" mode="aspectFill"></image>
</view>
<!-- <view class="btn-box">
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/btnbg.png" mode="widthFix"></image>
<navigator url="/pages/user/videoCoupon/index">前往查看</navigator>
</view> -->
</view>
<!-- 中奖的产品 -->
<view style="position:relative" wx:elif="{{prizeInfo && prizeInfo.type=='product'}}">
<image bindtap="choosePrize" style="display:block;width:533rpx"
src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/bg1.png" mode="widthFix"></image>
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/congratulation.png" mode="widthFix"
class="prize-tip-text"></image>
<view class="prize-name">{{prizeInfo.prize_name}}</view>
<view class="prize-img">
<image src="{{prizeInfo.head_img}}" mode="aspectFill"></image>
</view>
<!-- <view class="btn-box">
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/btnbg.png" mode="widthFix"></image>
<navigator url="/pages/user/videoCoupon/index">前往查看</navigator>
</view> -->
</view>
<!-- 未中奖 -->
<view style="position:relative" wx:elif="{{prizeInfo && prizeInfo.type=='none'}}">
<image bindtap="choosePrize" style="display:block;width:533rpx"
src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/bg1.png" mode="widthFix"></image>
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/sorrytext.png" mode="widthFix"
class="prize-tip-text"></image>
<view class="prize-name">您与奖品擦肩而过期待下次参与</view>
<view class="prize-img">
<image src="{{prizeInfo.head_img}}" mode="aspectFill"></image>
</view>
<view class="btn-box">
<image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/btnbg.png" mode="widthFix"></image>
<view bindtap="closePrice">我知道了</view>
</view>
</view>
<!-- 未抽奖状态 -->
<view style="position:relative" wx:else>
<image bindtap="choosePrize" style="display:block;width:533rpx"
src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/allbg.png" mode="widthFix"></image>
<view class="nomore-tip-btn" bindtap="noMoreTip"></view>
</view>
<image bindtap="closePrice" style="width:80rpx;margin-top:40rpx"
src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/videoprize/allclose.png" mode="widthFix"></image>
</view>
</view>
</view>
<!-- 开屏页 -->
<!-- 广告弹窗 -->
<view class="zzc" bindtap="closeAdv" wx:if="{{showAdv}}" ></view>
<view class="alertavd" wx:if="{{showAdv}}">
<swiper class="alertsp" indicator-dots='{{true}}' indicator-color="rgba(255,255,255,0.5)" autoplay="{{true}}" interval="{{3000}}" duration="{{300}}" indicator-active-color="white">
<block wx:for="{{alertSwipeList}}" wx:key="*this">
<swiper-item data-item="{{item}}" bindtap="bannerJumpNew" >
<image src="{{item.head_img}}" style="width: 100%; height:100%; border-radius: 10rpx;" mode="aspectFill"></image>
</swiper-item>
</block>
</swiper>
<image bindtap="closeAdv" style="width: 100rpx; height: 100rpx;transform: translate(200rpx,6rpx);" src="https://static.ticket.sz-trip.com/uploads/20220810/f4bb1a4f0b5eb394e6ca6e4f03aaa1e0.png"></image>
</view>
<!-- 广告弹窗结束 -->
<view class="fullavd" wx:if="{{showFullAdv && startList.head_img}}" style="opacity: {{opacity}}">
<view class="time" bindtap="closeFullAdv" wx:if="{{showTime && startList.media_type}}">{{time}}s跳过</view>
<view class="Qtop" style="min-height:100vh" wx:if="{{showTime && startList.media_type}}">
@ -304,4 +672,12 @@
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/startPage/pause.png" class="playImg" mode="widthFix" wx:else bindtap="videoPause"></image>
</view>
</view>
<!-- <view class="topBox">
<view class="Qtop" :style="{height:height}">
<image style="width: 100%;height:{{height}}" src="{{startList.head_img}}" mode=""/>
</view>
<view class="jumpBox">
<view class="time">{{time}}s</view>
<view bind:tap="gotoIndex">跳过</view>
</view>
</view> -->

432
pages/index/index.wxss
View File

@ -1,11 +1,12 @@
/* pages/indexs/index.wxss */
/**index.wxss**/
/* 元旦修改 */
page {
background: #f5f2ed;
/* background: #9DDCF5; */
padding-bottom: 36.67rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/bg.png");
background-size: 100% 100%;
background-repeat: round;
/* background: url("https://static.ticket.sz-trip.com/uploads/20240606/f92942021f97786a25c1cd51de779c7c.png"); */
background: #9DDCF5 url('https://static.ticket.sz-trip.com/uploads/20240606/f92942021f97786a25c1cd51de779c7c.png');
background-repeat: repeat-y;
background-size: contain;
}
.swiper,.swiper image {
width: 697rpx;
@ -38,10 +39,18 @@ page {
.search-box {
flex: 1;
width: 100%;
/* height: 64rpx; */
/* background: rgba(255, 255, 255, 0.6); */
/* border-radius: 32rpx; */
/* color: #666; */
/* height: 70.67rpx; */
height: 64rpx;
background: rgba(255,255,255,0.7);
border-radius: 32rpx;
color: #000;
/* color: #72674E; */
color: #333333;
/* background-image: url("https://static.ticket.sz-trip.com//uploads/20240228/10b93c1389ef5dfc02d07c4091af8f2d.png");
background-size: 100% 100%; */
display: flex;
align-items: center;
font-size: 25rpx;
@ -50,7 +59,7 @@ page {
font-size: 30rpx;
margin-left: 20rpx;
margin-right: 10rpx;
color: #000;
/* color: #72674E; */
}
.top-box .weather-num,.top-box .weather {
flex-shrink: 0;
@ -72,18 +81,20 @@ page {
/* background: #FFFFFF; */
/* box-shadow: 0px 3rpx 26rpx 0px rgba(6, 0, 1, 0.13); */
border-radius: 0 0 27rpx 27rpx;
width: 697rpx;
width: 710rpx;
margin: 0 auto;
position: relative;
z-index: 0;
display: flex;
padding: 34rpx 0;
padding-bottom: 7rpx;
padding-bottom: 29.33rpx;
justify-content: space-between;
flex-wrap: wrap;
background: #FFFED6;
margin-top: -20rpx;
padding-top: 54rpx;
/* background: #FFFED6; */
margin-top: -50rpx;
padding-top: 84rpx;
background: url('https://static.ticket.sz-trip.com/uploads/20240606/80bc185bf83b276b114415d670eaa57f.png');
background-size: 100% 100%;
}
.top-icon-item {
margin-bottom: 20rpx;
@ -104,8 +115,7 @@ page {
margin-bottom: 10rpx;
}
.content {
/* margin: 0 25rpx; */
margin-top: 20.67rpx;
margin: 0 25rpx;
}
.sale-road-boxes {
display: flex;
@ -195,11 +205,13 @@ page {
height: 154rpx;
}
.small-swiper-box {
margin: 24rpx 26.67rpx 26.67rpx;
/* width: 100%; */
margin: 50rpx 0;
width: 100%;
height: 154rpx;
border-radius: 20rpx;
/* border-radius: 77rpx; */
overflow: hidden;
margin-bottom: 33rpx;
position: relative;
}
.product-tags {
@ -307,15 +319,12 @@ page {
} */
/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */
.pic-list {
/* width: 100%;
width: 100%;
display: flex;
margin-right: 26rpx;
display: flex;
justify-content: space-between;
flex-wrap: wrap; */
display: flex;
justify-content: space-between;
margin: 0 28rpx;
flex-wrap: wrap;
}
.title-more {
font-size: 24rpx;
@ -334,29 +343,36 @@ page {
font-size: 22rpx;
}
.slide-out-box {
/* margin-top: 20rpx;
margin-top: 20rpx;
background: #FFFED6;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2); */
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx;
padding-bottom: 1rpx;
/* margin-bottom: 40rpx; */
margin-bottom: 40rpx;
background: url('https://static.ticket.sz-trip.com/uploads/20240606/88feacc675386ac7c8144633ccbd6f76.png');
background-size: 100% 100%;
}
.pbservice {
width: calc(160rpx * 8);
/* width: calc(175rpx * 6); */
/* 元旦修改 */
width: calc(190rpx * 8);
display: flex;
margin-top: 5rpx;
/* flex-wrap: wrap; */
flex-wrap: nowrap;
/* padding-left: 12rpx; */
/* overflow-x: scroll; */
margin-top: 20rpx;
flex-wrap: wrap;
/* margin-bottom: 60rpx; */
/* 元旦修改 注释margin-bottom */
}
.pbservice-item {
/* 元旦修改 截止到注释的width*/
width: 120rpx;
margin-bottom: 25rpx;
margin-right: 32.33rpx;
margin-bottom: 33.33rpx;
margin-right: 62.33rpx;
/* width: 175rpx; */
text-align: center;
font-size: 27rpx;
color: #000;
font-size: 25rpx;
/* color: #333; */
/* 春节调整颜色改版 */
color: #54504D;
line-height: 24rpx;
display: flex;
align-items: center;
@ -371,7 +387,7 @@ page {
margin-bottom: 20rpx;
margin-top: 50rpx; */
/* 元旦修改 以上都是之前的*/
width: 80rpx;
width: 106rpx;
margin-bottom: 10rpx;
}
.six-box {
@ -555,24 +571,29 @@ page {
overflow: hidden;
margin: 30rpx auto; */
/* 元旦修改 以上为注释部分 下面为新内容*/
width: 48rpx !important;
height: 8rpx;
width: 73rpx !important;
height: 7rpx;
/* background: #DDCEAC; */
background: #fff;
border-radius: 4rpx;
margin: 0 auto 25rpx;
border-radius: 3rpx;
margin: 33.33rpx auto;
}
.scroll-line-bg {
height: 8rpx;
background: #078565;
border-radius: 4rpx;
/* width: 300rpx;
height: 6rpx;
border-radius: 3rpx;
background: #0B898E; */
/* 元旦修改 以上为注释部分 下面为新内容*/
height: 7rpx;
background: #56A5EA;
border-radius: 3rpx;
}
/* 元旦修改 新增样式 */
.scroll-line-bg2 {
margin-left: 24rpx;
background: #078565;
height: 8rpx;
border-radius: 4rpx;
margin-left: 37.33rpx;
background: #56A5EA;
height: 7rpx;
border-radius: 3rpx;
}
.nomore-tip-btn {
position: absolute;
@ -684,6 +705,8 @@ page {
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx;
align-items: center;
background: url('https://static.ticket.sz-trip.com/uploads/20240606/e1c3f60baf65787d593c6a7c79f881c7.png');
background-size: 100% 100%;
}
.other-plats image {
width: 80rpx;
@ -841,23 +864,16 @@ page {
}
/* 元旦修改新增样式 */
.xsth-time {
/* margin: 0 5rpx; */
/* width: 50rpx; */
/* height: 33rpx; */
width: 43rpx;
height: 43rpx;
line-height: 43rpx;
background: #4AB648;
/* background: #F9F1DB; */
/* border-radius: 5rpx; */
background: #FFEF47;
border-radius: 13rpx;
font-size: 25rpx;
font-family: DIN;
font-weight: 500;
/* color: #D62828; */
color: white;
color: #000;
text-align: center;
/* line-height: 33rpx; */
}
.time-box text {
width: 18rpx;
@ -904,18 +920,20 @@ page {
/* 元旦修改新增样式 */
.xpth-product {
/* position: absolute; */
width: 697rpx;
width: 700rpx;
height: 373rpx;
background: #FFFED6;
/* background: #FFFED6; */
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx;
padding: 25rpx 15rpx;
padding: 25rpx;
box-sizing: border-box;
/* left: 0;
bottom: 15.33rpx;
/* width: 710rpx; */
display: flex;
justify-content: space-between;
background-image: url('https://static.ticket.sz-trip.com/uploads/20240606/88feacc675386ac7c8144633ccbd6f76.png');
background-size: 100% 100%;
}
/* 元旦修改新增样式 */
.xpth-banner {
@ -1034,9 +1052,9 @@ page {
}
/* 元旦修改新增样式 */
.new-pic {
width: 160rpx !important;
height: 255rpx !important;
/* margin-bottom: 26.67rpx; */
width: 158.67rpx !important;
height: 218.67rpx !important;
margin-bottom: 26.67rpx;
}
.ggfw-list {
@ -1047,8 +1065,8 @@ page {
}
.ggfw image{
margin-bottom: 16.67rpx;
width: 113.33rpx !important;
height: 113.33rpx !important;
width: 70rpx !important;
height: 70rpx !important;
}
.six-box-new {
@ -1156,290 +1174,18 @@ page {
left: 56.67rpx;
bottom: 64rpx;
}
.right-more {
width: 120rpx;
height: 47rpx;
background-color: rgba(255,255,255,.7);
border-radius: 23rpx;
font-weight: 500;
font-size: 27rpx;
color: #078565;
text-align: center;
line-height: 47rpx;
}
.hdrlNavList {
display: flex;
margin: 28rpx 26.67rpx 10rpx;
overflow-x: scroll;
flex-wrap: nowrap;
}
.hdrlNav {
flex-shrink: 0;
/* width: 160rpx; */
padding: 0 20rpx;
height: 53rpx;
background: #F8FFDB;
border-radius: 13rpx;
font-size: 32rpx;
color: #078565;
text-align: center;
line-height: 53rpx;
margin-right: 14rpx;
}
.hdrlNavActive {
background-color: #078565;
font-size: 32rpx;
color: #FFFFFF;
}
.hdrlItem {
flex-shrink: 0;
padding: 26.67rpx 22rpx 26.67rpx 20rpx;
/* width: 593.33rpx; */
display: flex;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
.jqssd {
background: url("https://static.ticket.sz-trip.com/uploads/20240606/20c06c5bf8d5e498667ebd954a1d95f8.png");
background-size: 100% 100%;
}
.hdrlItem-img {
width: 280rpx;
height: 213rpx;
background: #8C8C8C;
border-radius: 13rpx;
flex-shrink: 0;
margin-right: 12rpx;
}
.hdrlItem-content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 213rpx;
}
.hdrlItem-title {
font-weight: bold;
font-size: 28rpx;
color: #000000;
margin-top: 15.33rpx;
}
.hdrlItem-date {
font-weight: 500;
font-size: 23rpx;
color: #000000;
margin-bottom: 19.33rpx;
}
.main-box {
background-image: url("https://static.ticket.sz-trip.com/uploads/20240603/8ddceea4612d2cfb46d1a0203f4b55ac.png");
background-size: 100% 100%;
padding: 27.67rpx 20.67rpx 40rpx 20rpx;
margin: 0 8rpx;
}
.main-box-top {
display: flex;
margin-bottom: 5.33rpx;
}
.gfyj,.sslk {
width: 369.33rpx;
height: 146rpx;
width: 365.33rpx;
height: 166rpx;
flex-shrink: 0;
}
.sslk {
margin-left: -48rpx;
}
.movieItem {
padding: 26.67rpx 26rpx 26.67rpx 20rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background: url("https://static.ticket.sz-trip.com/uploads/20240606/eec4af8edf598dc7c440cff8a5fdbe98.png");
background-size: 100% 100%;
width: 365.33rpx;
height: 166rpx;
flex-shrink: 0;
height: 206.67rpx;
}
.movieItem-img {
width: 213rpx;
height: 213rpx;
border-radius: 18rpx;
margin-right: 18rpx;
flex-shrink: 0;
}
.ysz-box {
margin: 0 8rpx 15.33rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20240604/d59d35c02ced0da92a366971a63a2476.png");
/* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */
background-size: 100% 100%;
width: 733.33rpx;
height: 320rpx;
padding-top: 33.33rpx;
}
.ysz-more {
width: 333rpx;
height: 53rpx;
background: #FFFFFF;
border-radius: 27rpx;
margin: 23rpx auto 0;
text-align: center;
line-height: 53rpx;
font-weight: 500;
font-size: 27rpx;
color: #078565;
}
.ysz-box2 {
/* padding: 20rpx 35rpx; */
padding-top: 23.33rpx;
}
.tjbd-title {
width: 286.67rpx;
height: 80rpx;
}
.bd-box {
position: relative;
padding: 36rpx 30.67rpx 44.67rpx 28.67rpx;
margin-left: 26.67rpx;
width: 582rpx;
/* height: 1133rpx; */
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0);
box-shadow: 0rpx 7rpx 20rpx 0rpx rgba(27,128,97,0.56);
border-radius: 20rpx 80rpx 20rpx 20rpx;
}
.bd-top {
display: flex;
justify-content: space-between;
margin-bottom: 30rpx;
position: relative;
}
.zz {
width: 236.67rpx;
height: 206.67rpx;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.bd-type {
width: 167.33rpx;
height: 38.67rpx;
}
.bd-more {
width: 120rpx;
height: 47rpx;
background: rgba(255,255,255,.7);
border-radius: 23rpx;
font-weight: 500;
font-size: 27rpx;
color: #078565;
z-index: 9;
text-align: center;
line-height: 47rpx;
}
.bd-index {
font-weight: bold;
font-size: 40rpx;
color: #000000;
}
.bd-item {
margin-left: 45.33rpx;
width: 453rpx;
height: 147rpx;
background: #FFFFFF;
border-radius: 13rpx;
display: flex;
}
.bd-item-img {
width: 147rpx;
height: 147rpx;
background: #D9D9D9;
border-radius: 13rpx;
flex-shrink: 0;
margin-right: 12.67rpx;
}
.bd-item-content {
padding: 14rpx 29.33rpx 13.33rpx 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.bd-item-title {
font-weight: bold;
font-size: 27rpx;
color: #333333;
}
.bd-item-bottom {
display: flex;
justify-content: space-between;
align-items: baseline;
width: 260rpx;
}
.bd-price {
font-size: 29.33rpx;
color: #F93434;
font-weight: bold;
}
.bd-price:after {
content:'起';
color: #999999;
font-size: 23rpx;
font-weight: 700;
}
.bd-price::before {
content:'￥';
font-size: 23rpx;
}
.bd-distance {
font-weight: 500;
font-size: 23rpx;
color: #999999;
}
.buyMovie {
width: 160rpx;
height: 56rpx;
background: #078565;
color: #fff;
border-radius: 20rpx;
text-align: center;
line-height: 56rpx;
}
.bg1 {
background: linear-gradient(-8deg, #F4F9FF, #B9E1F0);
}
.bg2 {
background: linear-gradient(-8deg, #F9FFE3, #F3FFC4);
}
.bg3 {
background: linear-gradient(180deg, #E0F7DC, #A0F292);
}
.bg4 {
background: linear-gradient(-8deg, #F6F2FF, #E3D9FF);
}
.hdrlNavList::-webkit-scrollbar{
display:none;
}
.hdrlList::-webkit-scrollbar{
display:none;
}
.bottom-box::-webkit-scrollbar{
display:none;
}
.slide-box::-webkit-scrollbar{
display:none;
}
.pbservice::-webkit-scrollbar{
display:none;
}
.textOver3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.public-box {
width: 593.33rpx;
height: 266.67rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
}
.one::-webkit-scrollbar{
display:none;
margin-left: -20rpx;
}
Write Preview
Loading…
Cancel
Save