Browse Source

秋季首页UI

master
jiazhipeng 2 years ago
parent
commit
a2d7cbdf13
  1. 8
      app.json
  2. BIN
      images/home.png
  3. BIN
      images/index-selds_1.png
  4. BIN
      images/index_seld_2.png
  5. BIN
      images/map.png
  6. BIN
      images/map_seld_2.png
  7. BIN
      images/my-selds_1.png
  8. BIN
      images/tuyou-selds_1.png
  9. BIN
      images/user.png
  10. BIN
      images/user_seld_2.png
  11. 807
      pages/index/index.js
  12. 884
      pages/index/index.wxml
  13. 573
      pages/index/index.wxss
  14. 8
      project.private.config.json
  15. 71
      subPackages/indexGQ/index.js
  16. 209
      subPackages/indexGQ/index.wxml
  17. 49
      subPackages/indexGQ/index.wxss

8
app.json

@ -229,26 +229,26 @@
"sitemapLocation": "sitemap.json", "sitemapLocation": "sitemap.json",
"tabBar": { "tabBar": {
"color": "#999", "color": "#999",
"selectedColor": "#FF6756", "selectedColor": "#F58812",
"borderStyle": "white", "borderStyle": "white",
"list": [ "list": [
{ {
"pagePath": "pages/index/index", "pagePath": "pages/index/index",
"iconPath": "/images/home.png", "iconPath": "/images/home.png",
"selectedIconPath": "/images/index_seld_1.png", "selectedIconPath": "/images/index_seld_2.png",
"text": "首页", "text": "首页",
"shareTimeline": true "shareTimeline": true
}, },
{ {
"pagePath": "pages/map/index", "pagePath": "pages/map/index",
"iconPath": "/images/map.png", "iconPath": "/images/map.png",
"selectedIconPath": "/images/map_seld_1.png", "selectedIconPath": "/images/map_seld_2.png",
"text": "图游" "text": "图游"
}, },
{ {
"pagePath": "pages/user/user", "pagePath": "pages/user/user",
"iconPath": "/images/user.png", "iconPath": "/images/user.png",
"selectedIconPath": "/images/user_seld_1.png", "selectedIconPath": "/images/user_seld_2.png",
"text": "我的" "text": "我的"
} }
] ]

BIN
images/home.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
images/index-selds_1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

BIN
images/index_seld_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
images/map.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
images/map_seld_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
images/my-selds_1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

BIN
images/tuyou-selds_1.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
images/user.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
images/user_seld_2.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

807
pages/index/index.js

@ -4,6 +4,7 @@ let app = getApp()
import commonApi from "../../utils/https/common" import commonApi from "../../utils/https/common"
import userApi from "../../utils/https/user" import userApi from "../../utils/https/user"
import util from "../../utils/util" import util from "../../utils/util"
import https from "../../utils/https.js"
Page({ Page({
data: { data: {
banner: [], banner: [],
@ -17,9 +18,7 @@ Page({
fourProduct: [], fourProduct: [],
hotIndex: 0, hotIndex: 0,
indexHot: [], indexHot: [],
area_ids: ["zhangjiagang", "changshu", "taicang", "kunshan", "wujiang", "wuzhong", "xiangcheng", "gusu",
"gongyeyuanqu", "gaoxin"
],
month: "", month: "",
months: ['JAN', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'oct', 'nov', 'dec'], months: ['JAN', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'oct', 'nov', 'dec'],
date: "", date: "",
@ -35,6 +34,7 @@ Page({
otherPlat: null, otherPlat: null,
activeBannerIndex: 0, activeBannerIndex: 0,
smBannerIndex: 0, smBannerIndex: 0,
XPathBannerIndex: 0,
indexSeason: {}, indexSeason: {},
// startList: [], // 启动页广告 // startList: [], // 启动页广告
startList: { startList: {
@ -49,97 +49,35 @@ Page({
xpth: {}, // 元旦新增 新品特惠和sqjNew xpth: {}, // 元旦新增 新品特惠和sqjNew
djs: null, // 元旦新增 新品特惠倒计时 djs: null, // 元旦新增 新品特惠倒计时
djsTime: null, djsTime: null,
area_ids: ["changshu","taicang", "kunshan","wujiang","gongyeyuanqu","zhangjiagang","wuzhong","xiangcheng","gusu","gaoxin"],
sqjNew: [ sqjNew: [
'https://static.ticket.sz-trip.com/uploads/20240428/faede304469bb3e7b9bbf7001008d09a.png', 'https://static.ticket.sz-trip.com/uploads/20241012/df831b80bc445aef8dc439ef8f9761a2.png',// 常熟
'https://static.ticket.sz-trip.com/uploads/20240428/77c3bd6c3f44ee0e3cc483557c1c7462.png', 'https://static.ticket.sz-trip.com/uploads/20241012/9a5dc85879e87cc21f4d10286c84ac5f.png',// 太仓
'https://static.ticket.sz-trip.com/uploads/20240428/ad2324005ba1ed0cabe990ec62bfec76.png', 'https://static.ticket.sz-trip.com/uploads/20241012/fceaa177de4ed13e7884ccfafb75c6ae.png',// 昆山
'https://static.ticket.sz-trip.com/uploads/20240428/a90f3ce4519a585cc5cebfe62d8d4043.png', 'https://static.ticket.sz-trip.com/uploads/20241012/c55a59f86b49af4ae15f1b1015887678.png',// 吴江
'https://static.ticket.sz-trip.com/uploads/20240428/e6fa6cdef2971c8abdb670be1f36d1ca.png', 'https://static.ticket.sz-trip.com/uploads/20241012/a96c42d843dd1cc4a9ec30b189b35a6f.png',// 工业园区
'https://static.ticket.sz-trip.com/uploads/20240428/9c8186b8249bf81a2ef4fe4a4194cf2b.png', 'https://static.ticket.sz-trip.com/uploads/20241012/c1f61d9b2a13377c31561e6b50274c04.png',// 张家港
'https://static.ticket.sz-trip.com/uploads/20240428/755ee01ac248aeda8812b025f483a869.png', 'https://static.ticket.sz-trip.com/uploads/20241012/b26ebd1a1ed1d5737cd22cc2da7e1b54.png',// 吴中
'https://static.ticket.sz-trip.com/uploads/20240428/2d29f0d14e634b0a78d4ef91b28d5999.png', 'https://static.ticket.sz-trip.com/uploads/20241012/eec299ac968f0344e124195155d88ed1.png',// 相城
'https://static.ticket.sz-trip.com/uploads/20240428/71f7b558c7ca6d42728d48508d01819c.png', 'https://static.ticket.sz-trip.com/uploads/20241012/db5fcb0df2d8d326bd2b8d055b9284d2.png',// 姑苏
'https://static.ticket.sz-trip.com/uploads/20240428/23e07551be831036116c2fedbbf7aea5.png', 'https://static.ticket.sz-trip.com/uploads/20241012/279e21d3e876379140bf77d01410b07d.png',// 高新区
], ],
viewHeight: "0px", viewHeight: "0px",
isMuted: true, isMuted: true,
videoPlay: false, 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(172deg, #FFF3E5, #FFD9AD);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/15ee44a960511cdcf276b5d8df472626.png', //游 景点
url:'',
path:'/pages/list/scene/index',
list: [],
},
{
bg: 'linear-gradient(172deg, #E7F1FF, #ADD1FF);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/cd652f4bcfcef7f55863bf8587609ca4.png', //非玩不可 景点产品
path:'/pages/list/night/index',
url:'',
list: [],
},
{
bg: 'linear-gradient(172deg, #F0EBFF, #E3D9FF);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/a0b95152b87215dccbb2e5dfa1bfd145.png', //非看不可
url:'',
path:'/pages/list/theatre/index',
list: [],
},
{
bg: 'linear-gradient(172deg, #FFEDF0, #FFC9D2);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/799befa78b1d474bfb26004cc2ef817d.png', //非买不可
path:'/subPackages/techanNew/index',
url:'',
list: [],
},
],
list1:[], //游-景点
list2:[], //非晚-夜游
list3:[], //非看-剧场演出
list4:[], //非买-文创
nowDate: [('0' + (new Date().getMonth() + 1)).slice(-2) , ('0' + new Date().getDate()).slice(-2)]
}, },
onLoad: function(options) { onLoad: function(options) {
console.log('options',options)
// 相城小程序跳转获取用户信息
if(options && options.szxcCode) {
commonApi._post("uservice/user/loginByXC", {
code: options.szxcCode
}).then(res => {
if(res.data && res.data.id && res.data.token) {
https.set_logininfo(res);
}
})
}
this.getHeight() this.getHeight()
//全屏广告 //全屏广告
wx.hideTabBar() //这里隐藏了底部导航栏 wx.hideTabBar() //这里隐藏了底部导航栏
@ -151,11 +89,9 @@ Page({
let length = res.data.length let length = res.data.length
if (res.data.length > 1) { if (res.data.length > 1) {
let num = Math.floor(Math.random() * length); let num = Math.floor(Math.random() * length);
console.log('num', num);
this.setData({ this.setData({
startList: res.data[num] startList: res.data[num]
}) })
console.log(this.data.startList.head_img);
} else { } else {
this.setData({ this.setData({
startList: res.data[0] startList: res.data[0]
@ -199,20 +135,6 @@ Page({
if (options.from) { if (options.from) {
app.globalData.from = 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(), let systemInfo = wx.getSystemInfoSync(),
rect = wx.getMenuButtonBoundingClientRect(); rect = wx.getMenuButtonBoundingClientRect();
let height = (rect.top - systemInfo.statusBarHeight) * 2 + rect.height; let height = (rect.top - systemInfo.statusBarHeight) * 2 + rect.height;
@ -224,11 +146,9 @@ Page({
lon: res.longitude lon: res.longitude
}) })
this.getList() this.getList()
this.getHdrlList()
}, },
fail: (err) => { fail: (err) => {
this.getList() this.getList()
this.getHdrlList()
} }
}) })
this.setData({ this.setData({
@ -248,249 +168,88 @@ Page({
this.getTwoProduct() this.getTwoProduct()
this.getBanner() this.getBanner()
this.getWeather() this.getWeather()
}, // 获取今天的日期
gobdDetail(e) { let today = new Date();
let item = e.currentTarget.dataset.item
// wx.navigateTo({
// url: url
// })
util.gotoDetail(item)
},
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=>{
console.log('景点', 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';
}
}
})
bdList[0].list = res.data.list
this.setData({
list1:res.data.list,
bdList: bdList
})
})
// 非买不可--文创
commonApi._post('product/get_product_by_tag',{
product_model: 'post',
offset: 0,
limit: 6,
}).then(res=>{
bdList[3].list = res.data.list
this.setData({
list4:res.data.list,
bdList: bdList
})
})
// 非游不可--线路一日游
commonApi._post('product/get_product_by_tag',{
// type_id: 23,
tag_id: "10,11,12",
offset: 0,
limit: 6,
sort: 'weight'
}).then(res=>{
bdList[1].list = res.data.list
this.setData({
list2:res.data.list,
bdList: bdList
})
})
// 非看不可--剧场演出
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=>{
bdList[2].list = res.data.list
this.setData({ this.setData({
list3:res.data.list, month: (this.data.months[today.getMonth()]).toUpperCase(),
bdList: bdList date: today.getDate()
})
}) })
this.getVideoPrize()
this.getXpthList()
}, },
goDetail(e) { getHeight() {
let item = e.currentTarget.dataset.item; let that = this
let type = this.data.hdrlNavList[this.data.hdrlNavIndex].type wx.getSystemInfo({
if (type == 'movie') { success(res) {
wx.navigateTo({ that.setData({
url: '/pages/list/movieticket/list/info/index?id=' + item.third_id viewHeight: res.windowHeight + 'px'
})
}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);
}, },
// 推荐榜单更多跳转 getXpthList: function() {
moreBtn(e) { // 元旦新增 新品特惠
let item = e.currentTarget.dataset.item commonApi._post("product/get_product_indulgence", {
if (item.path!='') { tag_id: 275,
wx.navigateTo({ typeId: 3,
url: item.path, type: 1, // 返回数组
})
} 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 => { }).then(res => {
res.data.rows.forEach(v=>{ // res.data.adv = [res.data.adv]
if (!v.post_url) {
v.post_url = "https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg"
}
})
this.setData({ this.setData({
hdrlList:res.data.rows xpth: res.data,
}) djsTime: res.data.time
}) })
}, let time = setInterval(() => {
// 切换活动日历分类
changeHdrlNav(e) {
console.log(e.currentTarget.dataset);
this.setData({ this.setData({
hdrlList:[], djsTime: this.data.djsTime - 1
hdrlNavIndex:e.currentTarget.dataset.index,
}) })
if (this.data.hdrlNavIndex == 4) { this.formatDate(this.data.djsTime)
this.getMovieList() }, 1000)
} else { if (this.data.djsTime == 0) {
this.getHdrlList() //切换分类重新获取活动日历列表 clearInterval(time)
} }
})
}, },
// 游苏州下的公共服务和旅游助手切换 // 元旦新品特惠 倒计时
changeType(e) { 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({ this.setData({
yszIndex:e.currentTarget.dataset.index, djs: {
h: h,
m: m,
s: s
}
}) })
return
}, },
// 获取导航栏项目标题高度 goFeiyi: function() {
getHeight() { app.globalData.weburl = 'https://m.cloud.sz-trip.com/mlgCoupons'
let that = this wx.navigateTo({
wx.getSystemInfo({ url: "/pages/pbService/web/index"
success(res) {
console.log(res)
that.setData({
viewHeight: res.windowHeight + 'px'
})
console.log(that.data.viewHeight)
}
}) })
}, },
// getXpthList: function() { onTabItemTap: function(e) {
// // 元旦新增 新品特惠 console.log(e, 99999999)
// 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)
// },
// 大轮播的监听方法
changeBannerIndex: function(e) { changeBannerIndex: function(e) {
this.setData({ this.setData({
activeBannerIndex: e.detail.current activeBannerIndex: e.detail.current
}) })
}, },
// 小轮播监听方法
changeSmBannerIndex: function(e) { changeSmBannerIndex: function(e) {
this.setData({ this.setData({
smBannerIndex: e.detail.current smBannerIndex: e.detail.current
}) })
},
changeXPathBannerIndex: function(e) {
this.setData({
XPathBannerIndex: e.detail.current
})
}, },
// 一城百馆 // 一城百馆
city: function() { city: function() {
@ -618,7 +377,6 @@ Page({
}, },
getWeather: function() { getWeather: function() {
commonApi._post('pbservice/Ztfw/getWeather').then(res => { commonApi._post('pbservice/Ztfw/getWeather').then(res => {
console.log(res)
this.setData({ this.setData({
weather: res.data weather: res.data
}) })
@ -716,7 +474,6 @@ Page({
util.gotoDetail(item) util.gotoDetail(item)
}, },
gotoPath: function(e) { gotoPath: function(e) {
console.log(e)
// if (e.currentTarget.dataset.event) { // if (e.currentTarget.dataset.event) {
// if (e.currentTarget.dataset.event=='gongyeyuanqu_click') { // if (e.currentTarget.dataset.event=='gongyeyuanqu_click') {
// wx.navigateToMiniProgram({ // wx.navigateToMiniProgram({
@ -742,9 +499,15 @@ Page({
path: 'pages/index/index' path: 'pages/index/index'
}) })
return; return;
} else if (e.currentTarget.dataset.event == 'wuzhong_click') { // } else if (e.currentTarget.dataset.event == 'wuzhong_click') {
// wx.navigateToMiniProgram({
// appId: 'wxdd39069b9a91dbfe',
// path: 'pages/index/index'
// })
// return;
} else if (e.currentTarget.dataset.title == 'e读书') {
wx.navigateToMiniProgram({ wx.navigateToMiniProgram({
appId: 'wxdd39069b9a91dbfe', appId: 'wx26e6f4c0baba005b',
path: 'pages/index/index' path: 'pages/index/index'
}) })
return; return;
@ -794,15 +557,14 @@ Page({
}, },
// 元旦 新品特惠部分 // 元旦 新品特惠部分
goBanner: function(e) { goBanner: function(e) {
console.log('新品特惠', e.currentTarget.dataset.url);
let url = e.currentTarget.dataset.url; let url = e.currentTarget.dataset.url;
app.globalData.weburl = url; app.globalData.weburl = url;
console.log(url)
wx.navigateTo({ wx.navigateTo({
url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(url) url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(url)
}) })
}, },
gotoUrl: function(e) { gotoUrl: function(e) {
console.log(e)
if (e.currentTarget.dataset.event) { if (e.currentTarget.dataset.event) {
this.pagePoint({ this.pagePoint({
event: e.currentTarget.dataset.event event: e.currentTarget.dataset.event
@ -855,7 +617,6 @@ Page({
}, },
gotoSku: function() { gotoSku: function() {
commonApi.user_post("pbservice/Ztfw/sukangCode").then(res => { commonApi.user_post("pbservice/Ztfw/sukangCode").then(res => {
console.log(res)
app.globalData.weburl = res.data.url; app.globalData.weburl = res.data.url;
wx.navigateTo({ wx.navigateTo({
url: '/pages/pbService/web/index' url: '/pages/pbService/web/index'
@ -877,33 +638,33 @@ Page({
}) })
}, },
// 热门推荐 去掉经纬度 接口排序方式变更(韩阳) // 热门推荐 去掉经纬度 接口排序方式变更(韩阳)
// getList: function() { getList: function() {
// if (!this.data.listMore) return; if (!this.data.listMore) return;
// commonApi._post("search/recommend", { commonApi._post("search/recommend", {
// offset: this.data.list.length, offset: this.data.list.length,
// limit: 16 limit: 16
// }).then(res => { }).then(res => {
// res.data.map(item => { res.data.map(item => {
// if (item.ext.display_tags) { if (item.ext.display_tags) {
// item.ext.display_tags = item.ext.display_tags.split(",").splice(0, 2) item.ext.display_tags = item.ext.display_tags.split(",").splice(0, 2)
// } else { } else {
// item.ext.display_tags = [] item.ext.display_tags = []
// } }
// }) })
// if (res.data.length < 15) { if (res.data.length < 15) {
// this.setData({ this.setData({
// listMore: false listMore: false
// }) })
// } }
// this.setData({ this.setData({
// list: this.data.list.concat(res.data) list: this.data.list.concat(res.data)
// }) })
// }) })
// }, },
onReachBottom: function() { onReachBottom: function() {
// if (this.data.list.length < 30) { if (this.data.list.length < 30) {
// this.getList() this.getList()
// } }
}, },
gotoDetail: function(e) { gotoDetail: function(e) {
let item = e.currentTarget.dataset.item; let item = e.currentTarget.dataset.item;
@ -954,7 +715,6 @@ Page({
if ((item.tdata.url.indexOf('http://') != -1 || item.tdata.url.indexOf('https://') != -1) && if ((item.tdata.url.indexOf('http://') != -1 || item.tdata.url.indexOf('https://') != -1) &&
item.tdata.url.indexOf('m.cloud.sz-trip.com') == -1) { item.tdata.url.indexOf('m.cloud.sz-trip.com') == -1) {
// 外部h5 // 外部h5
console.log(111, item.tdata)
app.globalData.weburl = item.tdata.url; app.globalData.weburl = item.tdata.url;
wx.navigateTo({ wx.navigateTo({
url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.tdata url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.tdata
@ -963,7 +723,6 @@ Page({
} else { } else {
let page = item.tdata.url.split("/"); let page = item.tdata.url.split("/");
page = page[page.length - 1].split("?") page = page[page.length - 1].split("?")
console.log(page[0])
let url = this.data.urltopage[page[0]]; let url = this.data.urltopage[page[0]];
if (url && url.indexOf('map') != -1) { if (url && url.indexOf('map') != -1) {
let types = ['', 'scenic', 'venue', 'post', 'restaurant', 'relic', 'tenscenic', let types = ['', 'scenic', 'venue', 'post', 'restaurant', 'relic', 'tenscenic',
@ -980,7 +739,6 @@ Page({
}) })
} else { } else {
app.globalData.weburl = item.tdata.url; app.globalData.weburl = item.tdata.url;
console.log(2222, item.tdata.url, app.globalData.weburl)
wx.navigateTo({ wx.navigateTo({
url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item
.tdata.url) .tdata.url)
@ -1023,7 +781,6 @@ Page({
}, },
//博物馆跳转 直接跳君到苏州H5 //博物馆跳转 直接跳君到苏州H5
goH5: function(e) { goH5: function(e) {
console.log(e.currentTarget.dataset.path);
let weburl = 'https://m.cloud.sz-trip.com/' + e.currentTarget.dataset.path; let weburl = 'https://m.cloud.sz-trip.com/' + e.currentTarget.dataset.path;
// app.globalData.weburl ='https://m.cloud.sz-trip.com/' + e.currentTarget.dataset.path; // app.globalData.weburl ='https://m.cloud.sz-trip.com/' + e.currentTarget.dataset.path;
wx.navigateTo({ wx.navigateTo({
@ -1031,186 +788,184 @@ Page({
url: '/pages/pbService/web/index?weburl=' + encodeURIComponent(weburl), url: '/pages/pbService/web/index?weburl=' + encodeURIComponent(weburl),
}) })
}, },
// bannerClick2: function(e) { bannerClick2: function(e) {
// let item = e.currentTarget.dataset.item; let item = e.currentTarget.dataset.item;
// if (item.action == 'href') { if (item.action == 'href') {
// if (item.href.indexOf(",") != -1) { if (item.href.indexOf(",") != -1) {
// let info = item.href.split(","); let info = item.href.split(",");
// wx.navigateToMiniProgram({ wx.navigateToMiniProgram({
// appId: info[0], appId: info[0],
// path: info[1] path: info[1]
// }) })
// } else if (item.href.indexOf('map/index') != -1) { } else if (item.href.indexOf('map/index') != -1) {
// wx.reLaunch({ wx.reLaunch({
// url: item.href url: item.href
// }) })
// } else { } else {
// wx.navigateTo({ wx.navigateTo({
// url: item.href, url: item.href,
// }) })
// } }
// } else if (item.action == "web") { } else if (item.action == "web") {
// app.globalData.weburl = item.href; app.globalData.weburl = item.href;
// wx.navigateTo({ wx.navigateTo({
// url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.href), url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.href),
// }) })
// } }
// }, },
// 监听文旅查询的scroll // 监听文旅查询的scroll
listenScroll(e) { listenScroll(e) {
this.setData({ this.setData({
scrollLeft: e.detail.scrollLeft scrollLeft: e.detail.scrollLeft
}) })
}, },
// // 获取短视频大赛是否中奖 中奖详情 // 获取短视频大赛是否中奖 中奖详情
// getVideoPrize() { getVideoPrize() {
// let user_id = wx.getStorageSync('jstrip_userid'); let user_id = wx.getStorageSync('jstrip_userid');
// if (!user_id || wx.getStorageSync('indexPriceNoTip')) return; if (!user_id || wx.getStorageSync('indexPriceNoTip')) return;
// commonApi.user_post('actonline/video_act/getRaffle', { commonApi.user_post('actonline/video_act/getRaffle', {
// act_id: 5 act_id: 5
// }).then(res => { }).then(res => {
// this.setData({ this.setData({
// videoPrize: res.data videoPrize: res.data
// }) })
// }) })
// }, },
// noMoreTip() { noMoreTip() {
// wx.setStorageSync('indexPriceNoTip', true) wx.setStorageSync('indexPriceNoTip', true)
// this.closePrice() this.closePrice()
// }, },
// closePrice() { closePrice() {
// this.setData({ this.setData({
// videoPrize: false, videoPrize: false,
// prizeInfo: null prizeInfo: null
// }) })
// }, },
// 抽奖 // 抽奖
// choosePrize() { choosePrize() {
// commonApi.user_post('actonline/video_act/luckyDraw', { commonApi.user_post('actonline/video_act/luckyDraw', {
// act_id: 5 act_id: 5
// }).then(res => { }).then(res => {
// this.setData({ this.setData({
// prizeInfo: res.data prizeInfo: res.data
// }) })
// if (res.data.type != 'none') { if (res.data.type != 'none') {
// // 抽奖成功的话 弹框 // 抽奖成功的话 弹框
// wx.showModal({ wx.showModal({
// title: "提示", title: "提示",
// content: "中奖人员请联系君到苏州客服,领奖方式以客服通知为准", content: "中奖人员请联系君到苏州客服,领奖方式以客服通知为准",
// showCancel: false showCancel: false
// }) })
// } }
// }) })
// }, },
// bannerJumpNew(item) { bannerJumpNew(item) {
// let that = this let that = this
// item = item.currentTarget.dataset.item item = item.currentTarget.dataset.item
// if (item.tdata == '') return if (item.tdata == '') return
// that.pagePoint({ that.pagePoint({
// event: "banner_click", event: "banner_click",
// type: 'banner' type: 'banner'
// }, 1) }, 1)
// switch (item.jump_type) { switch (item.jump_type) {
// case 0: case 0:
// break; break;
// case 1: case 1:
// util.gotoDetail(item.product_model) util.gotoDetail(item.product_model)
// break; break;
// case 2: case 2:
// if (item.front_model && item.front_model.mini) { if (item.front_model && item.front_model.mini) {
// wx.navigateTo({ wx.navigateTo({
// url: "/" + item.front_model.mini url: "/" + item.front_model.mini
// }) })
// } }
// break; break;
// case 3: case 3:
// if ((item.tdata.url.indexOf('http://') != -1 || item.tdata.url.indexOf('https://') != -1) && if ((item.tdata.url.indexOf('http://') != -1 || item.tdata.url.indexOf('https://') != -1) &&
// item.tdata.url.indexOf('m.cloud.sz-trip.com') == -1) { item.tdata.url.indexOf('m.cloud.sz-trip.com') == -1) {
// // 外部h5 // 外部h5
// console.log(item.tdata) app.globalData.weburl = item.tdata.url;
// app.globalData.weburl = item.tdata.url; wx.navigateTo({
// wx.navigateTo({ url: "/pages/pbService/web/index"
// url: "/pages/pbService/web/index" })
// }) } else {
// } else { let page = item.tdata.url.split("/");
// let page = item.tdata.url.split("/"); page = page[page.length - 1].split("?")
// page = page[page.length - 1].split("?") let url = this.data.urltopage[page[0]];
// console.log(page[0]) if (url && url.indexOf('map') != -1) {
// let url = this.data.urltopage[page[0]]; let types = ['', 'scenic', 'venue', 'post', 'restaurant', 'relic', 'tenscenic',
// if (url && url.indexOf('map') != -1) { 'cinema', 'academes'
// let types = ['', 'scenic', 'venue', 'post', 'restaurant', 'relic', 'tenscenic', ],
// 'cinema', 'academes' type = page[1] ? page[1].split("=") : [];
// ], wx.reLaunch({
// type = page[1] ? page[1].split("=") : []; url: url + "?type=" + (type[1] ? types.findIndex(t => t == type[1]) : null)
// wx.reLaunch({ })
// url: url + "?type=" + (type[1] ? types.findIndex(t => t == type[1]) : null) } else if (url) {
// }) wx.navigateTo({
// } else if (url) { url: url,
// wx.navigateTo({ })
// url: url, } else {
// }) app.globalData.weburl = item.tdata.url;
// } else { wx.navigateTo({
// app.globalData.weburl = item.tdata.url; url: "/pages/pbService/web/index"
// wx.navigateTo({ })
// url: "/pages/pbService/web/index" }
// }) }
// } break;
// } case 4:
// break; if (item.tdata.appid == 'wxe5ca0f71e918e352' && wx.getStorageSync('jstrip_userid')) {
// case 4: // 如果是苏心游的小程序 直接把authCode带过去
// if (item.tdata.appid == 'wxe5ca0f71e918e352' && wx.getStorageSync('jstrip_userid')) { userApi.user_post("user/getJumpThirdAppCode", {}).then(res => {
// // 如果是苏心游的小程序 直接把authCode带过去 let weburl = item.tdata.page
// userApi.user_post("user/getJumpThirdAppCode", {}).then(res => { if (weburl.indexOf('?') != -1) {
// let weburl = item.tdata.page weburl += '&authCode=' + res.data;
// if (weburl.indexOf('?') != -1) { } else {
// weburl += '&authCode=' + res.data; weburl += '?authCode=' + res.data
// } else { }
// weburl += '?authCode=' + res.data wx.navigateToMiniProgram({
// } appId: item.tdata.appid,
// wx.navigateToMiniProgram({ path: weburl
// appId: item.tdata.appid, })
// path: weburl }).catch(err => {
// }) wx.navigateToMiniProgram({
// }).catch(err => { appId: item.tdata.appid,
// wx.navigateToMiniProgram({ path: item.tdata.page
// appId: item.tdata.appid, })
// path: item.tdata.page })
// }) } else {
// }) wx.navigateToMiniProgram({
// } else { appId: item.tdata.appid,
// wx.navigateToMiniProgram({ path: item.tdata.page
// appId: item.tdata.appid, })
// path: item.tdata.page }
// }) break;
// } default:
// break; break;
// default: }
// break; return
// } },
// return
// },
onReady: function() { onReady: function() {
}, },
// gotoOther: function(e) { gotoOther: function(e) {
// let item = e.currentTarget.dataset.item; let item = e.currentTarget.dataset.item;
// if (item.type == 'h5') { if (item.type == 'h5') {
// app.globalData.weburl = item.url app.globalData.weburl = item.url
// wx.navigateTo({ wx.navigateTo({
// url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.url) url: "/pages/pbService/web/index?weburl=" + encodeURIComponent(item.url)
// }) })
// } else if (item.type == 'mini') { } else if (item.type == 'mini') {
// wx.navigateToMiniProgram({ wx.navigateToMiniProgram({
// appId: item.appid, appId: item.appid,
// path: item.path path: item.path
// }) })
// } else if (item.type == 'page') { } else if (item.type == 'page') {
// wx.navigateTo({ wx.navigateTo({
// url: item.page, url: item.page,
// }) })
// } }
// }, },
pagePoint: function(e, type) { pagePoint: function(e, type) {
util.pagePoint(e, type) util.pagePoint(e, type)
}, },

884
pages/index/index.wxml

File diff suppressed because it is too large

573
pages/index/index.wxss

@ -1,12 +1,12 @@
/* pages/indexs/index.wxss */ /**index.wxss**/
/* 元旦修改 */ /* 元旦修改 */
page { page {
height: fit-content; /* background: #9DDCF5; */
padding-bottom: 36.67rpx; padding-bottom: 36.67rpx;
background: url("https://static.ticket.sz-trip.com/uploads/20240923/69d4d68f5207c84146739951d07dbda4.jpg"); /* background: url("https://static.ticket.sz-trip.com/uploads/20240606/f92942021f97786a25c1cd51de779c7c.png"); */
background-size: 100% 300%; background-image: url('https://static.ticket.sz-trip.com/uploads/20241012/abae687010ec0955b70872edd660002a.jpg');
/* background-repeat: round; */ background-repeat: repeat-y;
background-repeat: no-repeat; background-size: 100% 100%;
} }
.swiper,.swiper image { .swiper,.swiper image {
width: 697rpx; width: 697rpx;
@ -39,10 +39,18 @@ page {
.search-box { .search-box {
flex: 1; flex: 1;
width: 100%; width: 100%;
/* height: 64rpx; */
/* background: rgba(255, 255, 255, 0.6); */
/* border-radius: 32rpx; */
/* color: #666; */
/* height: 70.67rpx; */
height: 64rpx; height: 64rpx;
background: rgba(255,255,255,0.7); background: rgba(255,255,255,0.7);
border-radius: 32rpx; 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; display: flex;
align-items: center; align-items: center;
font-size: 25rpx; font-size: 25rpx;
@ -51,7 +59,7 @@ page {
font-size: 30rpx; font-size: 30rpx;
margin-left: 20rpx; margin-left: 20rpx;
margin-right: 10rpx; margin-right: 10rpx;
color: #000; /* color: #72674E; */
} }
.top-box .weather-num,.top-box .weather { .top-box .weather-num,.top-box .weather {
flex-shrink: 0; flex-shrink: 0;
@ -70,8 +78,6 @@ page {
margin-right: 30rpx; margin-right: 30rpx;
} }
.top-icons { .top-icons {
/* background: #FFFFFF; */
/* box-shadow: 0px 3rpx 26rpx 0px rgba(6, 0, 1, 0.13); */
border-radius: 0 0 27rpx 27rpx; border-radius: 0 0 27rpx 27rpx;
width: 697rpx; width: 697rpx;
margin: 0 auto; margin: 0 auto;
@ -79,12 +85,12 @@ page {
z-index: 0; z-index: 0;
display: flex; display: flex;
padding: 34rpx 0; padding: 34rpx 0;
padding-bottom: 7rpx; padding-bottom: 29.33rpx;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
background: #FFFED6; margin-top: -50rpx;
margin-top: -20rpx; padding-top: 84rpx;
padding-top: 54rpx; background: #FFF1C2;
} }
.top-icon-item { .top-icon-item {
margin-bottom: 20rpx; margin-bottom: 20rpx;
@ -105,8 +111,7 @@ page {
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.content { .content {
/* margin: 0 25rpx; */ margin: 0 25rpx;
margin-top: 20.67rpx;
} }
.sale-road-boxes { .sale-road-boxes {
display: flex; display: flex;
@ -196,11 +201,13 @@ page {
height: 154rpx; height: 154rpx;
} }
.small-swiper-box { .small-swiper-box {
margin: 24rpx 26.67rpx 26.67rpx; margin: 50rpx 0;
/* width: 100%; */ width: 100%;
height: 154rpx; height: 154rpx;
border-radius: 20rpx; border-radius: 20rpx;
/* border-radius: 77rpx; */
overflow: hidden; overflow: hidden;
margin-top: 33rpx;
position: relative; position: relative;
} }
.product-tags { .product-tags {
@ -308,56 +315,56 @@ page {
} */ } */
/* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */ /* 元旦修改 以上两个样式为注释掉的 下面的.pic-list是新改的 */
.pic-list { .pic-list {
/* width: 100%; width: 100%;
display: flex; display: flex;
margin-right: 26rpx; margin-right: 26rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; */ flex-wrap: wrap;
display: flex;
justify-content: space-between;
margin: 0 28rpx;
} }
.title-more { .title-more {
font-size: 24rpx; font-size: 27rpx;
/* color: #0B898E; */ font-weight: 500;
/* 元旦修改 */ color: #F65D1F;
color: #54504D;
z-index: 9; z-index: 9;
width: 173rpx; width: 173rpx;
height: 40rpx; height: 40rpx;
line-height: 40rpx;
background: rgba(255,255,255,0.5); background: rgba(255,255,255,0.5);
border-radius: 20rpx; border-radius: 20rpx;
text-align: center; text-align: center;
display: flex;
align-items: center;
justify-content: center;
} }
.title-more .iconfont { .title-more .iconfont {
font-size: 22rpx; font-size: 22rpx;
} }
.slide-out-box { .slide-out-box {
/* margin-top: 20rpx; margin-top: 20rpx;
background: #FFFED6; background: #FFF1C2;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2); */
border-radius: 27rpx; border-radius: 27rpx;
padding-bottom: 1rpx; padding-bottom: 1rpx;
/* margin-bottom: 40rpx; */ margin-bottom: 40rpx;
} }
.pbservice { .pbservice {
width: calc(160rpx * 8); /* width: calc(175rpx * 6); */
/* 元旦修改 */
width: calc(190rpx * 7);
display: flex; display: flex;
margin-top: 5rpx; margin-top: 30rpx;
/* flex-wrap: wrap; */ flex-wrap: wrap;
flex-wrap: nowrap; /* margin-bottom: 60rpx; */
/* padding-left: 12rpx; */ /* 元旦修改 注释margin-bottom */
/* overflow-x: scroll; */
} }
.pbservice-item { .pbservice-item {
width: 106rpx; /* 元旦修改 截止到注释的width*/
margin-bottom: 25rpx; width: 120rpx;
margin-right: 32.33rpx; margin-bottom: 33.33rpx;
margin-right: 62.33rpx;
/* width: 175rpx; */
text-align: center; text-align: center;
font-size: 27rpx; font-size: 25rpx;
color: #000; color: #111111;
line-height: 24rpx; line-height: 24rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@ -372,7 +379,7 @@ page {
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-top: 50rpx; */ margin-top: 50rpx; */
/* 元旦修改 以上都是之前的*/ /* 元旦修改 以上都是之前的*/
width: 80rpx; width: 106rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.six-box { .six-box {
@ -533,21 +540,16 @@ page {
} }
.more-btn-text { .more-btn-text {
text-align: center; text-align: center;
/* color: #0b898e;
font-size: 27rpx;
width: 200rpx;
line-height: 65rpx;
border: 1px solid #0b898e;
border-radius: 33rpx; */
margin: 20rpx auto; margin: 20rpx auto;
width: 200rpx; width: 200rpx;
height: 67rpx; height: 67rpx;
line-height: 67rpx; line-height: 67rpx;
border: 1px solid #111; border: 1px solid #F6591D;
border-radius: 35rpx; border-radius: 35rpx;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: bold;
color: #F6591D;
} }
.scroll-line { .scroll-line {
/* height: 6rpx; /* height: 6rpx;
@ -556,24 +558,29 @@ page {
overflow: hidden; overflow: hidden;
margin: 30rpx auto; */ margin: 30rpx auto; */
/* 元旦修改 以上为注释部分 下面为新内容*/ /* 元旦修改 以上为注释部分 下面为新内容*/
width: 48rpx !important; width: 73rpx !important;
height: 8rpx; height: 7rpx;
/* background: #DDCEAC; */ /* background: #DDCEAC; */
background: #fff; background: #fff;
border-radius: 4rpx; border-radius: 3rpx;
margin: 15rpx auto 10rpx; margin: 33.33rpx auto;
} }
.scroll-line-bg { .scroll-line-bg {
height: 8rpx; /* width: 300rpx;
background: #FF4848; height: 6rpx;
border-radius: 4rpx; border-radius: 3rpx;
background: #0B898E; */
/* 元旦修改 以上为注释部分 下面为新内容*/
height: 7rpx;
background: #F65D1F;
border-radius: 3rpx;
} }
/* 元旦修改 新增样式 */ /* 元旦修改 新增样式 */
.scroll-line-bg2 { .scroll-line-bg2 {
margin-left: 24rpx; margin-left: 37.33rpx;
background: #FF4848; background: #F65D1F;
height: 8rpx; height: 7rpx;
border-radius: 4rpx; border-radius: 3rpx;
} }
.nomore-tip-btn { .nomore-tip-btn {
position: absolute; position: absolute;
@ -679,10 +686,9 @@ page {
color: #333333; color: #333333;
line-height: 42rpx; line-height: 42rpx;
flex-wrap: wrap; flex-wrap: wrap;
background: #FFFED6; background: #FFF1C2;
justify-content: space-around; justify-content: space-around;
height: 187rpx; height: 187rpx;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx; border-radius: 27rpx;
align-items: center; align-items: center;
} }
@ -694,7 +700,7 @@ page {
} }
.other-plat { .other-plat {
/* 春节新增样式 */ /* 春节新增样式 */
color: #54504D; color: #111111;
} }
.other-plat:nth-child(4n){ .other-plat:nth-child(4n){
margin-right: 0; margin-right: 0;
@ -828,7 +834,7 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.time-box { .time-box {
font-size: 25rpx; font-size: 27rpx;
font-family: DIN; font-family: DIN;
font-weight: 500; font-weight: 500;
/* color: #54504D; */ /* color: #54504D; */
@ -842,23 +848,17 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xsth-time { .xsth-time {
/* margin: 0 5rpx; */ /* width: 43rpx; */
/* width: 50rpx; */
/* height: 33rpx; */
width: 43rpx;
height: 43rpx; height: 43rpx;
padding: 0 7rpx;
line-height: 43rpx; line-height: 43rpx;
background: #4AB648; background: #FFF1C2;
/* background: #F9F1DB; */
/* border-radius: 5rpx; */
border-radius: 13rpx; border-radius: 13rpx;
font-size: 25rpx; font-size: 27rpx;
font-family: DIN; font-family: DIN;
font-weight: 500; font-weight: 500;
/* color: #D62828; */ color: #ED1C19;
color: white;
text-align: center; text-align: center;
/* line-height: 33rpx; */
} }
.time-box text { .time-box text {
width: 18rpx; width: 18rpx;
@ -904,44 +904,53 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-product { .xpth-product {
/* position: absolute; */ width: 700rpx;
width: 697rpx;
height: 373rpx; height: 373rpx;
background: #FFFED6;
box-shadow: 0rpx 0rpx 3rpx 0rpx rgba(103,103,103,0.2);
border-radius: 27rpx; border-radius: 27rpx;
padding: 25rpx 15rpx; padding: 25rpx 13rpx;
box-sizing: border-box; box-sizing: border-box;
/* left: 0;
bottom: 15.33rpx;
/* width: 710rpx; */
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
background: #FFF1C2;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-banner { .xpth-banner {
/* width: 270rpx; */
/* height: 333rpx; */
/* height: 340rpx; */
/* background-image: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/springFestival2024/xpth-hBg.png"); */
/* background-size: 100% 100%; */
border-radius: 20rpx;
flex: 1; flex: 1;
margin-left: 15rpx; margin-left: 15rpx;
/* padding: 4rpx; height: 320rpx;
background: #72674e; width: 100%;
clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ border-radius: 20rpx;
height: 319rpx; overflow: hidden;
position: relative;
}
.xpth-banner-swiper{
height: 100%;
} }
.xpth-banner image { .xpth-banner image {
/* width: 270rpx; */
flex: 1; flex: 1;
height: 319rpx; height: 100%;
width: 100%;
border-radius: 20rpx; border-radius: 20rpx;
/* height: 333rpx; */ }
/* height: 340rpx; */ .xpth-banner-dot-list{
/* clip-path: polygon(5% 0, 95% 0, 100% 5%, 100% 95%, 95% 100%, 5% 100%, 0 95%, 0 5%); */ position: absolute;
/* border-radius: 20rpx; */ right: 0;
bottom: 10rpx;
padding: 10rpx;
display: flex;
align-items: center;
justify-content: flex-end;
}
.xpth-banner-dot-list .xpth-dot{
width: 9rpx;
height: 9rpx;
background: #FFFFFF;
border-radius: 50%;
opacity: 0.6;
margin: 0 4rpx;
}
.xpth-banner-dot-list .xpth-dot.active{
opacity: 1;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item { .xpth-item {
@ -987,7 +996,7 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-title { .xpth-item-title {
width: 230rpx; width: 210rpx;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: 500;
@ -1010,15 +1019,15 @@ page {
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-price { .xpth-item-price {
font-size: 32rpx; font-size: 31rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 500; font-weight: bold;
color: #D62828; color: #ED1C19;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-price::before { .xpth-item-price::before {
content: "¥"; content: "¥";
font-size: 20rpx; font-size: 23rpx;
} }
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.xpth-item-buy { .xpth-item-buy {
@ -1036,22 +1045,24 @@ page {
/* 元旦修改新增样式 */ /* 元旦修改新增样式 */
.new-pic { .new-pic {
width: 160rpx !important; width: 160rpx !important;
height: 255rpx !important; height: 213rpx !important;
/* margin-bottom: 26.67rpx; */ margin-bottom: 26.67rpx;
} }
.ggfw-list { .ggfw-list {
display: flex; justify-content: space-around !important;
justify-content: space-around; }
.ggfw-list .pbservice-item{
margin-right: 0;
color: #111111;
} }
.ggfw { .ggfw {
width: auto; width: auto;
margin:0;
} }
.ggfw image{ .ggfw image{
margin-bottom: 16.67rpx; margin-bottom: 16.67rpx;
width: 113.33rpx !important; width: 70rpx !important;
height: 113.33rpx !important; height: 70rpx !important;
} }
.six-box-new { .six-box-new {
@ -1078,7 +1089,7 @@ page {
} }
/* 春节金刚区字体颜色样式更换 */ /* 春节金刚区字体颜色样式更换 */
.top-icon-text { .top-icon-text {
color: #54504D; color: #111111;
} }
.rmtj-right { .rmtj-right {
@ -1159,327 +1170,31 @@ page {
left: 56.67rpx; left: 56.67rpx;
bottom: 64rpx; bottom: 64rpx;
} }
.jqssd {
.right-more { /* background: url("https://static.ticket.sz-trip.com/uploads/20240606/20c06c5bf8d5e498667ebd954a1d95f8.png");
width: 120rpx; background-size: 100% 100%; */
height: 47rpx; width: 365.33rpx;
background-color: rgba(255,255,255,.3); height: 166rpx;
border-radius: 23rpx;
font-weight: 500;
font-size: 27rpx;
color: #FFFFFF;
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: rgba(255,250,245,0.3);
border-radius: 13rpx;
/* border: 1px solid #FFFFFF; */
font-size: 32rpx;
color: #FFFFFF;
text-align: center;
line-height: 53rpx;
margin-right: 14rpx;
}
.hdrlNavActive {
background: linear-gradient(180deg, #FFFAF5, #FFE3C2);
font-size: 32rpx;
color: #FF4848;
border: none;
}
.hdrlItem {
flex-shrink: 0;
padding: 26.67rpx 22rpx 26.67rpx 20rpx;
/* width: 593.33rpx; */
display: flex;
background: url("https://static.ticket.sz-trip.com/uploads/20240923/d4c9e6e558796b0ff89726d0857a5d03.png");
background-size: 100% 100%;
}
.hdrlItem-img {
width: 240rpx;
height: 213rpx;
background: #8C8C8C;
border-radius: 13rpx;
flex-shrink: 0; flex-shrink: 0;
margin-right: 12rpx;
overflow: hidden;
}
.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/20240923/0220a6adf111a97a9b12746438e87967.png");
background-size: 100% 100%;
padding: 27.67rpx 20.67rpx 40rpx 20rpx;
margin: 0 8rpx;
} }
.main-box-top { .jqssd image, .sslk image{
display: flex; width: 100%;
margin-bottom: 5.33rpx; height: 100%;
}
.gfyj,.sslk {
width: 369.33rpx;
height: 146rpx;
flex-shrink: 0;
} }
.sslk { .sslk {
margin-left: -48rpx; /* background: url("https://static.ticket.sz-trip.com/uploads/20240729/c1554fdd645a0d3a47c8e683186e1a73.png");
} background-size: 100% 100%; */
width: 365.33rpx;
.movieItem { height: 166rpx;
padding: 26.67rpx 26rpx 26.67rpx 20rpx;
background: url("https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/calendarBg.png");
background-size: 100% 100%;
flex-shrink: 0;
height: 206.67rpx;
}
.movieItem-img {
width: 213rpx;
height: 213rpx;
border-radius: 18rpx;
margin-right: 18rpx;
flex-shrink: 0; flex-shrink: 0;
} margin-left: -20rpx;
.ysz-box {
margin: 0 8rpx 15.33rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20240923/0220a6adf111a97a9b12746438e87967.png");
/* padding: 43.33rpx 59rpx 46.67rpx 58rpx; */
background-size: 100% 100%;
width: 733.33rpx;
height: 320rpx;
padding-top: 33.33rpx;
}
.ysz-more {
width: 267rpx;
height: 53rpx;
background: #FFFFFF;
border-radius: 27rpx;
margin: 38rpx auto 0;
text-align: center;
line-height: 53rpx;
font-weight: 500;
font-size: 25rpx;
color: #320000;
}
.ysz-box2 {
/* padding: 20rpx 35rpx; */
padding-top: 23.33rpx;
}
.tjbd-title {
width: 286.67rpx;
height: 80rpx;
} }
.bd-box { .xsth-left{
position: relative; /* flex: 1;
padding: 36rpx 30.67rpx 44.67rpx 28.67rpx; width: 1rpx; */
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: 125.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: #320000;
z-index: 9;
text-align: center;
line-height: 47rpx;
} }
.bd-index { .xsth-left>image{
font-weight: bold; max-width: 100%;
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: #FF4848;
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; 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;
}
.date-container{
position: relative;
}
.nowDate{
display: flex;
position: absolute;
left: 228.77rpx;
bottom: 7.33rpx;
}
.nowDate>view{
width: 44rpx;
height: 44rpx;
border-radius: 7rpx;
text-align: center;
line-height: 44rpx;
font-family: PingFang SC;
font-weight: 500;
font-size: 29rpx;
color: #FFFFFF;
}
.nowDate .num{
background: #FFEBD5;
color: #111111;
font-family: PingFang SC;
/* font-weight: bold; */
font-size: 29rpx;
color: #111111;
}

8
project.private.config.json

@ -7,15 +7,15 @@
"miniprogram": { "miniprogram": {
"list": [ "list": [
{ {
"name": "首页", "name": "subPackages/index/index",
"pathName": "pages/list/six/index", "pathName": "subPackages/index/index",
"query": "", "query": "",
"launchMode": "default", "launchMode": "default",
"scene": null "scene": null
}, },
{ {
"name": "subPackages/indexs/index", "name": "首页",
"pathName": "subPackages/indexs/index", "pathName": "pages/list/six/index",
"query": "", "query": "",
"launchMode": "default", "launchMode": "default",
"scene": null "scene": null

71
subPackages/indexGQ/index.js

@ -98,35 +98,46 @@ Page({
bdList:[ bdList:[
{ {
bg: 'linear-gradient(172deg, #FFF3E5, #FFD9AD);', bg: 'linear-gradient(172deg, #FFF3E5, #FFD9AD);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/15ee44a960511cdcf276b5d8df472626.png', //游 icon:'https://static.ticket.sz-trip.com/uploads/20240923/15ee44a960511cdcf276b5d8df472626.png', //游 景点
url:'https://m.cloud.sz-trip.com/OneDayTravelNew', url:'',
path:'', path:'/pages/list/scene/index',
list: [],
}, },
{ {
bg: 'linear-gradient(172deg, #E7F1FF, #ADD1FF);', bg: 'linear-gradient(172deg, #E7F1FF, #ADD1FF);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/cd652f4bcfcef7f55863bf8587609ca4.png', //非玩不可 icon:'https://static.ticket.sz-trip.com/uploads/20240923/cd652f4bcfcef7f55863bf8587609ca4.png', //非玩不可 景点产品
path:'/pages/list/scene/index', path:'/pages/list/night/index',
url:'', url:'',
list: [],
}, },
{ {
bg: 'linear-gradient(172deg, #F0EBFF, #E3D9FF);', bg: 'linear-gradient(172deg, #F0EBFF, #E3D9FF);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/a0b95152b87215dccbb2e5dfa1bfd145.png', //非看不可 icon:'https://static.ticket.sz-trip.com/uploads/20240923/a0b95152b87215dccbb2e5dfa1bfd145.png', //非看不可
url:'', url:'',
path:'/pages/list/theatre/index', path:'/pages/list/theatre/index',
list: [],
}, },
{ {
bg: 'linear-gradient(172deg, #FFEDF0, #FFC9D2);', bg: 'linear-gradient(172deg, #FFEDF0, #FFC9D2);',
icon:'https://static.ticket.sz-trip.com/uploads/20240923/799befa78b1d474bfb26004cc2ef817d.png', //非买不可 icon:'https://static.ticket.sz-trip.com/uploads/20240923/799befa78b1d474bfb26004cc2ef817d.png', //非买不可
path:'/pages/list/techan/index', path:'/subPackages/techanNew/index',
url:'', url:'',
list: [],
}, },
], ],
list1:[], //非玩-景点 list1:[], //游-景点
list2:[], //非买-文创 list2:[], //非晚-夜游
list3:[], //非游-一日游 list3:[], //非看-剧场演出
list4:[], //非看-剧场演出 list4:[], //非买-文创
nowDate: [('0' + (new Date().getMonth() + 1)).slice(-2) , ('0' + new Date().getDate()).slice(-2)]
}, },
onLoad: function(options) { onLoad: function(options) {
this.getHeight() this.getHeight()
@ -239,15 +250,15 @@ Page({
this.getWeather() this.getWeather()
}, },
gobdDetail(e) { gobdDetail(e) {
console.log(e); let item = e.currentTarget.dataset.item
let url = e.currentTarget.dataset.url // wx.navigateTo({
wx.navigateTo({ // url: url
url: url // })
}) util.gotoDetail(item)
}, },
getList() { getList() {
let bdList = this.data.bdList let bdList = this.data.bdList
// 非玩不可--景点 // --景点
commonApi._post("scene/get_scene_by_tag",{ commonApi._post("scene/get_scene_by_tag",{
tag_id:"4", tag_id:"4",
limit:6, limit:6,
@ -258,6 +269,7 @@ Page({
title:'', title:'',
area_id:'' area_id:''
}).then(res=>{ }).then(res=>{
console.log('景点', res)
res.data.list.map(item => { res.data.list.map(item => {
if (item.distance || item.distance == 0) { if (item.distance || item.distance == 0) {
if (item.distance >= 1000) { if (item.distance >= 1000) {
@ -267,30 +279,36 @@ Page({
} }
} }
}) })
bdList[0].list = res.data.list
this.setData({ this.setData({
list1:res.data.list list1:res.data.list,
bdList: bdList
}) })
}) })
// 非买不可--文创 // 非买不可--文创
commonApi._post('product/get_product_by_tag',{ commonApi._post('product/get_product_by_tag',{
tag_id: 326, product_model: 'post',
offset: 0, offset: 0,
limit: 6, limit: 6,
}).then(res=>{ }).then(res=>{
bdList[3].list = res.data.list
this.setData({ this.setData({
list2:res.data.list list4:res.data.list,
bdList: bdList
}) })
}) })
// 非游不可--线路一日游 // 非游不可--线路一日游
commonApi._post('product/get_product_by_tag',{ commonApi._post('product/get_product_by_tag',{
type_id: 23, // type_id: 23,
tag_id:17, tag_id: "10,11,12",
offset: 0, offset: 0,
limit: 6, limit: 6,
sort: 'weight' sort: 'weight'
}).then(res=>{ }).then(res=>{
bdList[1].list = res.data.list
this.setData({ this.setData({
list3:res.data.list list2:res.data.list,
bdList: bdList
}) })
}) })
// 非看不可--剧场演出 // 非看不可--剧场演出
@ -304,8 +322,10 @@ Page({
lon:this.data.lon, lon:this.data.lon,
title:'' title:''
}).then(res=>{ }).then(res=>{
bdList[2].list = res.data.list
this.setData({ this.setData({
list4:res.data.list list3:res.data.list,
bdList: bdList
}) })
}) })
}, },
@ -369,6 +389,11 @@ Page({
lon: this.data.lon, lon: this.data.lon,
page_num: 5 page_num: 5
}).then(res => { }).then(res => {
res.data.rows.forEach(v=>{
if (!v.post_url) {
v.post_url = "https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg"
}
})
this.setData({ this.setData({
hdrlList:res.data.rows hdrlList:res.data.rows
}) })

209
subPackages/indexGQ/index.wxml

@ -20,21 +20,27 @@
</view> </view>
<view style="position:relative;z-index: 1;" > <view style="position:relative;z-index: 1;" >
<swiper class="swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" bindchange="changeBannerIndex" circular> <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="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<image src="{{item.head_img}}" mode="scaleToFill"></image> <image src="{{item.head_img}}" mode="scaleToFill"></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
<view class="com-flex dot-list"> <view class="com-flex dot-list">
<view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="this"></view> <view class="dot{{index===activeBannerIndex?' active':''}}" wx:for="{{banner}}" wx:key="index"></view>
</view> </view>
</view> </view>
<view class="content"> <view class="content" wx:if="{{!isTest}}">
<!-- 活动日历 --> <!-- 活动日历 -->
<view class="sale-road-boxes" style="margin: 0 26.67rpx;"> <view class="sale-road-boxes date-container" style="margin: 0 26.67rpx;">
<image mode="heightFix" style="height:86rpx" src="https://static.ticket.sz-trip.com/uploads/20240923/00c7635dd9648e9dc4d0d044c06f495c.png"></image> <image mode="heightFix" style="height:86rpx;width: 358rpx;" src="https://static.ticket.sz-trip.com/uploads/20240925/9d10d5ff4a5314573328dd6cdab67b82.png"></image>
<navigator url="/pages/list/activitynew/index" class="right-more">更多 ></navigator> <navigator url="/pages/list/activitynew/index" class="right-more">更多 ></navigator>
<view class="nowDate">
<view class="num">{{nowDate[0]}}</view>
<view>月</view>
<view class="num">{{nowDate[1]}}</view>
<view>日</view>
</view>
</view> </view>
<view class="hdrlNavList"> <view class="hdrlNavList">
<view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id"> <view class="hdrlNav{{index==hdrlNavIndex?' hdrlNavActive':''}}" wx:for="{{hdrlNavList}}" data-index="{{index}}" bindtap="changeHdrlNav" wx:key="id">
@ -43,9 +49,10 @@
</view> </view>
<view wx:if="{{hdrlNavIndex!=4}}"> <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 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 class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="index" style="width: 593.33rpx;">
<view style="background: #fff;display: flex;border-radius: 13rpx;"> <view style="background: #fff;display: flex;border-radius: 13rpx;">
<image class="hdrlItem-img" src="{{item.post_url}}" mode=""/> <!-- <image class="hdrlItem-img" src="{{item.post_url}}" mode="aspectFill"/> -->
<common-image class="hdrlItem-img" width="240rpx" height='213rpx' src="{{item.post_url || item.cover}}" defaultImage="https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg" mode="aspectFill"></common-image>
<view class="hdrlItem-content"> <view class="hdrlItem-content">
<view class="hdrlItem-title textOver3">{{item.name}}</view> <view class="hdrlItem-title textOver3">{{item.name}}</view>
<view class="hdrlItem-date">{{item.begin_date}}-{{item.end_date}}</view> <view class="hdrlItem-date">{{item.begin_date}}-{{item.end_date}}</view>
@ -56,10 +63,12 @@
</view> </view>
<view wx:else> <view wx:else>
<view style="margin-left:16.67rpx;margin-right: 14.67rpx;display: flex;overflow-x: scroll;" wx:if="{{!isTest}}" class="one"> <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 class="hdrlItem" wx:for="{{hdrlList}}" bindtap="goDetail" data-item="{{item}}" wx:key="index">
<view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;"> <view style="background: #fff;width: 570rpx;display: flex;border-radius: 13rpx;">
<image class="movieItem-img" src="{{item.headimg}}" mode=""/> <!-- <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;"> <common-image class="hdrlItem-img" width="240rpx" height='213rpx' src="{{item.headimg}}" defaultImage="https://static.ticket.sz-trip.com/uploads/20240909/c9a0029cc9426d2a17f1dbbb7a179762.jpg" mode="aspectFill"></common-image>
<view style="display: flex;flex-direction: column;justify-content: space-between;padding: 10rpx 10rpx 10rpx 0;font-size: 30rpx;font-weight: bold;width: 500rpx;box-sizing: border-box;">
<view>{{item.title}}</view> <view>{{item.title}}</view>
<view style="display: flex;justify-content: flex-end;"> <view style="display: flex;justify-content: flex-end;">
<view class="buyMovie">去购票 ></view> <view class="buyMovie">去购票 ></view>
@ -80,8 +89,8 @@
</view> </view>
<!-- 下面几大板块 --> <!-- 下面几大板块 -->
<view class="slide-out-box"> <view class="slide-out-box">
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box"> <scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar">
<view class="pbservice" style="margin-bottom:30rpx;width: fit-content;"> <view class="pbservice no-scrollbar" style="margin-bottom:30rpx;width: fit-content;">
<view bindtap="gotoPath" data-event="ticket_click" style="margin-left: 10rpx;" data-title="景点门票" data-path="/pages/list/scene/index" class="pbservice-item"> <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> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jdmp.png" mode="widthFix"></image>
<view class="text">景点门票</view> <view class="text">景点门票</view>
@ -90,7 +99,7 @@
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yysz.png" mode="widthFix"></image>
<view class="text">夜游苏州</view> <view class="text">夜游苏州</view>
</view> </view>
<view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/pages/list/{{isTest?'road':'techan'}}/index" class="pbservice-item"> <view bindtap="gotoPath" data-event="specialty" data-title="文创特产" data-path="/subPackages/techanNew/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/wctc.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/wctc.png" mode="widthFix"></image>
<view class="text">文创特产</view> <view class="text">文创特产</view>
</view> </view>
@ -111,7 +120,7 @@
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yky.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/yky.png" mode="widthFix"></image>
<view class="text">一卡游</view> <view class="text">一卡游</view>
</view> </view>
<view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/pages/list/{{isTest?'scene':'feiyi'}}/index" class="pbservice-item"> <view bindtap="gotoPath" data-event="legacy" data-title="非遗专卖" data-path="/subPackages/feiyiNew/index" class="pbservice-item">
<image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/fyzm.png" mode="widthFix"></image>
<view class="text">非遗专卖</view> <view class="text">非遗专卖</view>
</view> </view>
@ -127,14 +136,14 @@
<view class="small-swiper-box"> <view class="small-swiper-box">
<swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}" <swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
bindchange="changeSmBannerIndex"> bindchange="changeSmBannerIndex">
<block wx:for="{{xiaobanner}}" wx:key="*this"> <block wx:for="{{xiaobanner}}" wx:key="index">
<swiper-item bindtap="bannerClick" data-item="{{item}}"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image> <image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
<view class="dot-list com-flex sm-dot-list"> <view class="dot-list com-flex sm-dot-list">
<view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="this"></view> <view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="index"></view>
</view> </view>
</view> </view>
<!-- 游苏州 --> <!-- 游苏州 -->
@ -149,25 +158,32 @@
</view> </view>
<view class="ysz-box {{yszIndex==1?'ysz-box2':''}}"> <view class="ysz-box {{yszIndex==1?'ysz-box2':''}}">
<view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;"> <view wx:if="{{yszIndex == 0}}" style="margin: 20rpx 14rpx 0;">
<view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;"> <view class="pbservice ggfw-list" style="width:100%;overflow-x: auto;height: 160rpx;">
<view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw"> <!-- <view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image>
<view>电子社保卡</view> <view>电子社保卡</view>
</view> </view> -->
<view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警" <view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警"
data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy" class="pbservice-item ggfw" > data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy"
class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.png" mode="widthFix"></image>
<view>高峰预警</view> <view>高峰预警</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">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image>
<view>实时路况</view>
</view>
<view bindtap="gotoUrl" data-event="xlqc" <view bindtap="gotoUrl" data-event="xlqc"
data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" > data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image> <image src="https://static.ticket.sz-trip.com/uploads/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image>
<view>行李寄存</view> <view>行李寄存</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"> <view class="pbservice-item ggfw" data-event="toilet_public_click" data-title="找厕所" bindtap="gotoPath"
<image src="https://static.ticket.sz-trip.com/uploads/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image> data-path="/pages/pbService/bike/index?type=1">
<view>实时路况</view> <image src="https://static.ticket.sz-trip.com/uploads/20240925/38ee5d21e1eb4ef2379c3d81edfb3799.png" mode="widthFix"></image>
<view>找厕所</view>
</view> </view>
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw"> <!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw">
@ -201,14 +217,15 @@
<image class="tjbd-title" style="width: 333rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/fc8d43d1ca820912aae4b2bede13235c.png" mode=""/> <image class="tjbd-title" style="width: 333rpx;height: 80rpx;margin-left: 26rpx;margin-bottom: 20rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/fc8d43d1ca820912aae4b2bede13235c.png" mode=""/>
<!-- 4个产品榜单 --> <!-- 4个产品榜单 -->
<view style="display: flex;overflow-x: scroll;padding-right: 20rpx;" class="bottom-box" wx:if="{{!isTest}}"> <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"> <view class="bd-box" style="background:{{bdItem.bg}};" wx:for-item="bdItem" wx:for-index="i" wx:for="{{bdList}}" wx:key="i">
<!-- <image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/> --> <!-- <image class="zz" src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/zzIcon.png" mode=""/> -->
<view class="bd-top"> <view class="bd-top">
<image class="bd-type" src="{{item.icon}}" mode=""/> <image class="bd-type" src="{{bdItem.icon}}" mode=""/>
<view bindtap="moreBtn" class="bd-more" data-item="{{item}}">更多 ></view> <view bindtap="moreBtn" class="bd-more" data-item="{{bdItem}}">更多 ></view>
</view> </view>
<view wx:if="{{index==0}}" style="position: relative;z-index: 9;"> <view 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 bindtap="gobdDetail" style="display: flex;align-items: center;margin-bottom: 20rpx;" wx:for="{{bdItem.list}}"
wx:key="id" data-item="{{item}}">
<view class="bd-index">{{index+1}}</view> <view class="bd-index">{{index+1}}</view>
<view class="bd-item"> <view class="bd-item">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/> <image class="bd-item-img" src="{{item.headimg}}" mode=""/>
@ -218,69 +235,135 @@
</view> </view>
<view class="bd-item-bottom"> <view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view> <view class="bd-price">{{item.price/100}}</view>
<view class="bd-distance" wx:if="{{item.distance}}">{{item.distance}}</view> <!-- <view class="bd-distance" wx:if="{{item.distance}}">{{item.distance}}</view> -->
</view> </view>
</view> </view>
</view> </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>
<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 class="content" wx:else>
<!-- 高峰预警、实时路况及几个板块 -->
<view class="main-box" >
<!-- 上面的高峰预警、实时路况 -->
<view class="main-box-top">
<image data-title="景区舒适度"
data-url="https://m.cloud.sz-trip.com/aiPlay" class="gfyj" src="https://static.ticket.sz-trip.com/uploads/20240923/c4115b53ebfe5ae3c49bdb4f5f026726.png" mode=""/>
<image class="sslk"
src="https://static.ticket.sz-trip.com/uploads/20240923/3ac9e07109e38dbbcd43bc3140c62e89.png" mode=""/>
</view> </view>
<!-- 下面几大板块 -->
<view class="slide-out-box">
<scroll-view scroll-x bindscroll="listenScroll" class="slide-box no-scrollbar">
<view class="pbservice no-scrollbar" style="margin-bottom:30rpx;width: fit-content;">
<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>
<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>
<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 bindtap="gotoPath" data-event="show" data-title="剧场演出" data-path="/pages/list/{{isTest?'activity':'theatre'}}/index" class="pbservice-item">
<view class="bd-index">{{index+1}}</view> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/jcyc.png" mode="widthFix"></image>
<view class="bd-item"> <view class="text">剧场演出</view>
<image class="bd-item-img" src="{{item.headimg}}" mode=""/>
<view class="bd-item-content">
<view class="bd-item-title textOver2">
{{item.title}}
</view> </view>
<view class="bd-item-bottom">
<view class="bd-price">{{item.price/100}}</view> <view bindtap="gotoPath" data-event="museum" data-title="场馆预约" data-path="/pages/list/{{isTest?'scene':'museum'}}/index" class="pbservice-item">
<view class="bd-distance" wx:if="{{item.distance}}">{{(item.distance/1000)}}km</view> <image src="https://static.ticket.sz-trip.com/jundaosuzhou/images/holiday/cgyy.png" mode="widthFix"></image>
<view class="text">场馆预约</view>
</view> </view>
</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>
</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="small-swiper-box">
<view class="bd-index">{{index+1}}</view> <swiper class="small-swiper" autoplay="{{true}}" interval="{{5000}}" duration="{{300}}"
<view class="bd-item"> bindchange="changeSmBannerIndex">
<image class="bd-item-img" src="{{item.headimg}}" mode=""/> <block wx:for="{{xiaobanner}}" wx:key="index">
<view class="bd-item-content"> <swiper-item bindtap="bannerClick" data-item="{{item}}">
<view class="bd-item-title textOver2"> <image style="border-radius:13rpx" src="{{item.head_img}}" mode="aspectFill"></image>
{{item.title}} </swiper-item>
</block>
</swiper>
<view class="dot-list com-flex sm-dot-list">
<view class="dot{{smBannerIndex==index?' active':''}}" wx:for="{{xiaobanner}}" wx:key="index"></view>
</view> </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 class="sale-road-boxes" style="margin: 0 26.67rpx;">
<view style="margin-bottom:6rpx;">
<image style="width: 333rpx;height: 80rpx;margin-bottom: 14.67rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/2e6fb944c77767ef49602e7ae0b3e12d.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>
</view> </view>
</view> </view>
<image style="width: 192rpx;height: 164rpx;" src="https://static.ticket.sz-trip.com/uploads/20240923/ad8c0a411610938ec234d0afc864ccff.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%;overflow-x: auto;">
<view bindtap="gotoUrl" data-event="sbk" data-title="电子社保卡" data-url="https://m.cloud.sz-trip.com/sbkLogin" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/4c0ee81974879d5160b932a7e526e90d.png" mode="widthFix"></image>
<view>电子社保卡</view>
</view> </view>
<view bindtap="gotoUrl" data-event="comfort_click" data-title="高峰预警"
data-url="https://wlsjzx.zdhxwl.cn/kt_h5/index.html#/morecopy"
class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/43f561c40ef50aafa30a0a637fb016fb.png" mode="widthFix"></image>
<view>高峰预警</view>
</view> </view>
<view bindtap="gotoUrl" data-event="xlqc"
data-url="https://weixin.2500sz.net/zt/2023/07/luggage_storage/" class="pbservice-item ggfw" >
<image src="https://static.ticket.sz-trip.com/uploads/20240923/d59d84a7d728f4b2671b5d2e52d1d72e.png" mode="widthFix"></image>
<view>行李寄存</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">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/18818826384a788ab7ac457572174b39.png" mode="widthFix"></image>
<view>实时路况</view>
</view> </view>
<!-- <view bindtap="gotoPath" data-event="security_home_click" data-title="安全服务" data-path="/pages/pbService/security/index" class="pbservice-item ggfw">
<image src="https://static.ticket.sz-trip.com/uploads/20240923/38fa0db45de3290d44341699dd81d8b8.png" mode="widthFix"></image>
<view>安全服务</view>
</view> -->
</view>
<navigator class="ysz-more" url="/pages/pbService/index" catchtap="pagePoint" data-event="public_view">
查看更多 >
</navigator>
</view>
<view wx:else>
<view class="pic-list" style="margin-top:20rpx" >
<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="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>
</view>
</view>
</view>
<!-- 开屏页 --> <!-- 开屏页 -->
<view class="fullavd" wx:if="{{showFullAdv && startList.head_img}}" style="opacity: {{opacity}}"> <view class="fullavd" wx:if="{{showFullAdv && startList.head_img}}" style="opacity: {{opacity}}">

49
subPackages/indexGQ/index.wxss

@ -571,7 +571,7 @@ page {
/* 元旦修改 新增样式 */ /* 元旦修改 新增样式 */
.scroll-line-bg2 { .scroll-line-bg2 {
margin-left: 24rpx; margin-left: 24rpx;
background: #078565; background: #FF4848;
height: 8rpx; height: 8rpx;
border-radius: 4rpx; border-radius: 4rpx;
} }
@ -1040,10 +1040,13 @@ page {
/* margin-bottom: 26.67rpx; */ /* margin-bottom: 26.67rpx; */
} }
.ggfw-list{
display: flex;
justify-content: space-around;
}
.ggfw { .ggfw {
width: 132rpx; width: auto;
margin:0 22rpx; margin:0;
} }
.ggfw image{ .ggfw image{
margin-bottom: 16.67rpx; margin-bottom: 16.67rpx;
@ -1182,7 +1185,7 @@ page {
height: 53rpx; height: 53rpx;
background: rgba(255,250,245,0.3); background: rgba(255,250,245,0.3);
border-radius: 13rpx; border-radius: 13rpx;
border: 1px solid #FFFFFF; /* border: 1px solid #FFFFFF; */
font-size: 32rpx; font-size: 32rpx;
color: #FFFFFF; color: #FFFFFF;
@ -1205,12 +1208,13 @@ page {
background-size: 100% 100%; background-size: 100% 100%;
} }
.hdrlItem-img { .hdrlItem-img {
width: 280rpx; width: 240rpx;
height: 213rpx; height: 213rpx;
background: #8C8C8C; background: #8C8C8C;
border-radius: 13rpx; border-radius: 13rpx;
flex-shrink: 0; flex-shrink: 0;
margin-right: 12rpx; margin-right: 12rpx;
overflow: hidden;
} }
.hdrlItem-content { .hdrlItem-content {
display: flex; display: flex;
@ -1446,3 +1450,36 @@ page {
.one::-webkit-scrollbar{ .one::-webkit-scrollbar{
display:none; display:none;
} }
.date-container{
position: relative;
}
.nowDate{
display: flex;
position: absolute;
left: 228.77rpx;
bottom: 7.33rpx;
}
.nowDate>view{
width: 44rpx;
height: 44rpx;
border-radius: 7rpx;
text-align: center;
line-height: 44rpx;
font-family: PingFang SC;
font-weight: 500;
font-size: 29rpx;
color: #FFFFFF;
}
.nowDate .num{
background: #FFEBD5;
color: #111111;
font-family: PingFang SC;
/* font-weight: bold; */
font-size: 29rpx;
color: #111111;
}
Loading…
Cancel
Save