时味苏州
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1084 lines
25 KiB

3 years ago
<template>
4 months ago
<view class="bg bg-padding">
<view class="top-image">
<view>Hi欢迎来时味苏州</view>
<view style="font-weight: 400;font-size: 27rpx;color: rgba(255,255,255,0.64);margin-top: 10rpx;">不时不食 鲜逢其时</view>
</view>
<view class="main-content">
<view class="topBox" >
<view class="avatar-box" @click="gotoProfile">
4 months ago
<image :src="showImg(userInfo.avatar)" mode="aspectFill" class="headImg" v-if="userInfo.avatar"></image>
<image src="https://static.ticket.sz-trip.com/yandu/images/user/grxx.png" mode="aspectFill"
class="headImg" v-else></image>
<view class="username w-full" style="display: flex;align-items: center;" v-if="userInfo.nickname">
<view class="text-overflow" style="max-width: 300rpx;padding-right: 12rpx;">{{userInfo.nickname}}</view>
<image class="flex-shrink-0" style="width: 24rpx;height: 24rpx;" src="https://static.ticket.sz-trip.com/uploads/20251011/5b8d4b5d6e0aefe9deddbc4ca8799264.png"></image>
</view>
<view class="username" v-else>请登录/注册 ></view>
4 months ago
</view>
7 days ago
<view class="flex-column-center" @click="gotoPath('/subPackages/user/coupon')">
<view class="title">优惠券</view>
<view class="num">{{couponNum}}</view>
</view>
<view style="height: 35rpx;width: 2rpx;background:#E3E3E3;"></view>
7 days ago
<view class="flex-column-center" @click="qidai()">
<view class="title">积分</view>
<view class="num">{{userInfo.score||0}}</view>
4 months ago
</view>
4 months ago
</view>
<view class="orderBox">
<navigator :url="'/subPackages/order/trades'" class="moreBox flex-between">
我的订单
<span class="flex-between">
全部订单
<image src="https://static.ticket.sz-trip.com/uploads/20251011/b0d85d510903fdd7f18c29b4ba375bf6.png" mode=""></image>
</span>
</navigator>
<view style="margin-top: 30rpx;display: flex;flex-wrap: wrap;">
<view class="orderItem" v-for="(item,index) in orderList" :key="index" @click="goTrades(item)">
<img :src="item.src" alt="">
<view>{{item.title}}</view>
7 days ago
<view class="count" v-if="item.needCount&&item.count>0">{{item.count}}</view>
</view>
</view>
<!-- 待付款轮播 -->
<!-- <swiper class="my-swipe" :autoplay="3000" indicator-color="white" v-if="dfkList && dfkList.length>0" circular>
<swiper-item v-for="(item,index) in dfkList" :key="item.id">
<div class="dfkBox" @click="goToOrderDetail(item)">
<image :src="showImg(item.order_child[0].specifications_image)" mode="aspectFill"></image>
<div class="contentBox">
<div style="width:300rpx;">
<div style="font-size: 27rpx;margin-bottom: 10rpx;">等待付款 </div>
<div style="display: flex;color: #8A8A8A;font-size: 27rpx;">剩余时间<uni-countdown class="countdown" @timeup="timeup(index)" :show-day="false" :hour="differTimeList[index].slice(0,2)" :minute="differTimeList[index].slice(3,5)" :second="differTimeList[index].slice(6,8)"/></div>
</div>
<div class="orderBtn" @click.stop="setOrderId(item.order_id)">去支付</div>
4 months ago
</div>
</div>
</swiper-item>
</swiper> -->
</view>
<view class="cygj">
<view class="moreBox">我的服务</view>
<view style="display:flex;align-items:center;flex-wrap:wrap">
<view :class="['cyItem',item.customClass]" v-for="(item,index) in cyList.filter(x=>x.isShow)" :key="index"
@click="gotoUrl(item,index)">
4 months ago
<img :src="item.src" class="headIcon">
<view>{{item.title}}</view>
4 months ago
</view>
</view>
</view>
<view class="recommend-box" >
<view class="type-container flex-center">
<view :class="['type-item',typeIndex==0?'active':'']" @click="changeTypeIndex(0)">为您推荐</view>
<!-- <view :class="['type-item',typeIndex==1?'active':'']" @click="changeTypeIndex(1)">我的常买</view> -->
</view>
<view class="new-hot-box hot-box" v-if="hotList.length>0">
<image class="hot-adv" v-if="hotAdv" :src="hotAdv.head_img" mode="aspectFill" @click.stop="gotoBannerDetail(hotAdv)"></image>
<view v-for="(item,index) in hotList" :key="index" class="hot-item" @click="gotoDetailByType(item)">
<image :src="item.headimg" mode="aspectFill"></image>
<view class="hot-content">
<view class="title text-overflowRows">{{item.title}}</view>
<view class="flex-between">
<view class="price">{{item.price / 100}}</view>
<view class="btn-buy">
<image src="https://static.ticket.sz-trip.com/uploads/20251011/c8e4e3c91033663610e0c1e0e4823daa.png"></image>
</view>
</view>
</view>
</view>
</view>
</view>
4 months ago
</view>
<!-- 图片 -->
4 months ago
<uni-popup ref="popup" type="center">
<image class="consult-popup" :src="popshowImg" :show-menu-by-longpress="true"></image>
4 months ago
</uni-popup>
1 month ago
<uni-popup ref="kfpopup" type="bottom" :safe-area="false">
<view class="kf-popup-content">
<!-- 标题栏 -->
<view class="popup-header">
<text class="title">联系我们</text>
<text class="close-icon" @click="$refs.kfpopup.close()">×</text>
</view>
<!-- 内容区域 -->
<view class="popup-body">
<!-- 电话咨询 -->
<view class="contact-item" @click="clickPhone('15370135755')">
1 month ago
<view class="info">
<text class="label">电话咨询</text>
<text class="detail">15370135755</text>
1 month ago
</view>
<view class="arrow">
<image style="width: 100%;height: 100%;" mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20250911/a58432ad47582207f9f03ac31a6e2d98.png"></image>
</view>
</view>
<!-- 在线客服 -->
<button class="concat-btn" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">
<view class="contact-item">
<view class="info">
<text class="label">在线客服</text>
<text class="detail">工作时间: 9:00-18:00</text>
</view>
<view class="arrow">
<image style="width: 100%;height: 100%;" mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20250911/11761e83954ecb845a8c9ea26e95c6e0.png"></image>
</view>
</view>
</button>
</view>
</view>
</uni-popup>
4 months ago
<CustomTabBar :currentTab="4" />
</view>
3 years ago
</template>
<script>
4 months ago
import CustomTabBar from '@/components/CustomTabBar.vue';
export default {
components: {
CustomTabBar
},
data() {
return {
couponNum: 0,
4 months ago
dfkList: [],
differTimeList: [],
nowDateTime: '', //当前时间秒数
userInfo: {},
orderList: [{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/785234bf4df1fac233ee020627cdc262.png',
4 months ago
title: '待付款',
status: 'WAIT_PAYMENT'
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/806d65eb846e60a98352ba09d8660ce7.png',
4 months ago
title: '待发货',
status: 'WAIT_POST',
count: 0,
needCount: true
4 months ago
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/f3ea0d6a80ae0e10be1b974ad10955fb.png',
4 months ago
title: '待使用/出行',
4 months ago
status: 'WAIT_USE'
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/4c0812afada05c7005c213a9f012955e.png',
4 months ago
title: '待收货',
status: 'WAIT_DELIVERY'
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/7a0bc28efe4ef85d3c2ed98277afcd00.png',
4 months ago
title: '退款/售后',
status: 'NEED_REFUND'
},
],
cyList: [
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/aa4ad71297f5b96b0f14696143a38ea1.png',
4 months ago
title: '优惠券',
path: '/subPackages/user/coupon',
isShow: true
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/19fff40782bc7d9a9c78ed5c394dc030.png',
4 months ago
title: '出行人',
path: '/subPackages/user/travelerList?showType=0',
isShow: true
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/c9c81700bc66a8d4dc26757aa6737dfa.png',
4 months ago
title: '收货地址',
path: '/subPackages/user/travelerList?showType=1',
isShow: true
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/c7e34c9011fc80966520b2c06a4faaf5.png',
4 months ago
title: '商户核销',
path: '',
4 months ago
isShow: true,
2 months ago
webUrl: "https://supplier-h5.sutenong.com",
4 months ago
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/5d884b6d3abf2d38fdffa928795184a7.png',
title: '积分商城',
path: '',
isShow: true,
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/8020e99149c493a838c2b136560509ec.png',
title: '联系客服',
path: '',
isShow: true,
isKeFU: true,
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/bcd540021d5ee3bc4051b9116299c9df.png',
title: '公众号',
path: '',
isShow: true,
GZHImg: "https://static.ticket.sz-trip.com/uploads/20251011/40183cb1d655217642c34da3baea4e28.jpg"
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/a1c19ffa332ff9a5de9fcc983874baea.png',
title: '进群抽奖',
path: '/subPackages/activity/prizeInQun',
isShow: true,
customClass: "prize",
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/c6c29ace07206eec5418fb51068fa4ca.png',
4 months ago
title: '用户协议',
path: '/subPackages/user/privacyInfo?id=9',
isShow: true
},
{
src: 'https://static.ticket.sz-trip.com/uploads/20251011/b22eac8abd4639fa166195f91c78c6e6.png',
4 months ago
title: '隐私管理',
path: '/subPackages/user/privacyInfo?id=12',
isShow: true
}
],
popshowImg: "",
hotList: [],
hotAdv: null,
finished: false,
typeIndex: 0,
4 months ago
}
},
onReady () {
this.getHotList()
},
4 months ago
onShow() {
// 根据token获取个人信息
this.Post({noShowLoading: true}, "/api/uservice/user/getMyInfo").then(res => {
if (res.data) {
let info = res.data;
info.token = JSON.parse(uni.getStorageSync('userInfo')).token || this.$store.state.user.userInfo.token
this.$store.commit('changeUserInfo', info)
this.userInfo = info
uni.setStorageSync('isFlag', true)
this.getCouponNum()
this.getDFH()
}
console.log(this.userInfo)
})
4 months ago
// this.dfkList = []
// this.nowDateTime = parseInt(new Date().getTime() / 1000)
// this.Post({}, "/api/user/userInfo").then((res) => {
// if (res.data) {
// this.userInfo = res.data;
// // this.getDfk()
4 months ago
4 months ago
// // 是否展示商户核销
// this.Post({},'/api/merchants/is_merchant').then(res => {
// this.cyList[6].isShow = res.data
// })
// }
// });
},
// 导航栏点击事件
onTabItemTap() {
this.qdTracker('navButtonClick', {buttonName: '我的', buttonSort: '3'})
4 months ago
},
methods: {
4 months ago
// 个人信息或登录
gotoProfile() {
// 有token去个人信息,没有去登录
if(this.userInfo.token) {
uni.navigateTo({
url: '/subPackages/user/profile'
})
}else {
uni.navigateTo({
url: '/pages/login/login'
})
}
},
timeup(index) {
// return this.dfkList.splice(index,1)
},
setOrderId(id) {
let that = this;
that.orderId = id;
that.Post({
order_id: id,
2 months ago
pay_method: 'WEIXIN',
pay_platform: "MINI",
4 months ago
},
'/api/pay/unify'
).then(res => {
if (res.data) {
uni.requestPayment({
nonceStr: res.data.nonceStr,
package: res.data.package,
paySign: res.data.paySign,
signType: res.data.signType,
timeStamp: res.data.timeStamp
});
}
});
},
// 待付款
getDfk() {
this.differTimeList = []
let params = {
offset: this.dfkList.length,
limit: 10,
status: 'WAIT_PAYMENT',
}
this.Post(params, '/api/order/orderList').then(res => {
this.isLoading = false
if (res) {
this.dfkList = [...this.dfkList, ...res.data]
this.dfkList.forEach(item => {
// 获取时间差,订单关闭时间-当前时间,若存在即展示倒计时differTimeList
let del;
if (moment(item.close_time).diff(moment()) > 0) {
del = moment.utc(moment(item.close_time).diff(moment())).format('HH:mm:ss')
} else {
del = '00:00:00'
}
this.differTimeList.push(del)
})
console.log(this.differTimeList);
console.log('this.differTimeList:' + this.differTimeList[0].slice(0, 2))
}
})
},
// 代发货数量
getDFH() {
let params = {
offset: 0,
limit: 1,
state: 'WAIT_POST',
noShowLoading: true,
}
this.Post(params, '/api/order/list').then(res => {
if (res) {
this.orderList[1].count = res.data.total || 0
}
})
},
4 months ago
goToOrderDetail(item) {
uni.navigateTo({
url: '/subPackages/order/detail?id=' + item.order_id
});
},
getChild(list) {
let arr = []
for (let i = 0; i < list.length; i++) {
if (list[i].product_model == "ticket") {
console.log(list[i]);
arr.push(list[i])
break
}
}
console.log(arr);
if (arr.length > 0) {
return arr[0]
} else {
return list[0]
}
4 months ago
4 months ago
},
goCoupon() {
uni.navigateTo({
url: "/subPackages/user/coupon",
});
},
goKeFu() {
uni.navigateTo({
url: "/subPackages/publicservices/ServiceOnline",
});
},
// open(){
// this.$refs.popup.open('center')
// },
4 months ago
gotoUrl(item, index) {
if (item.path) {
uni.navigateTo({
url: item.path
})
return
4 months ago
}
if (item.webUrl) {
4 months ago
uni.navigateTo({
url:'/subPackages/webPage/webPage?url='+item.webUrl
})
return
}
if (item.isKeFU) {
this.$refs.kfpopup.open()
return;
}
if (item.GZHImg) {
this.popshowImg = item.GZHImg;
this.$refs.popup.open()
return
}
this.qidai()
4 months ago
},
qidai() {
uni.showToast({
title: '功能建设中...',
icon: 'none'
})
},
goTrades(item) {
if (item) {
uni.navigateTo({
url: "/subPackages/order/trades?type=" + item.title,
});
} else {
uni.navigateTo({
url: "/subPackages/order/trades",
});
}
},
//判断是否关注公众号
isGz(item) {
this.$refs.pop.openPop(
'https://yjks.oss-cn-shanghai.aliyuncs.com/uploads/20230517/db9eb60e0abfea8be1075b406fefe551.jpg');
// this.Post({}, '/api/wechat/getSubcribeInfo').then(res => {
// if (res.data) {
// uni.navigateTo({
// url:'/subPackages/webPage/webPage?url='+'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzU2NjQwNTYxNg==#wechat_redirect'
// })
// } else {
// console.log(this.$refs.pop);
// }
// });
},
getCouponNum () {
this.Post({
status: 1,
offset: 0,
limit: 100,
noShowLoading: true,
}, "/api/coupon/get_user_list").then((res) => {
if (res) {
this.couponNum = res.data.length
}
});
},
changeTypeIndex (typeIndex) {
if (typeIndex != this.typeIndex) {
this.typeIndex = typeIndex
this.hotList = []
this.hotAdv = null
this.finished = false
// todo
}
},
getHotList() {
this.Post({
// tag_id: 648,
offset: this.hotList.length,
limit: 5,
order: "sales_number"
},'/api/product/get_product_by_type').then(res => {
this.hotList = [...this.hotList, ...res.data.list]
if(res.data.list.length < 5) this.finished = true
})
// 广告
if (!this.hotAdv) {
this.Post({
type_id: 5,
position: 6,
},"/api/adv/getAdv").then(res => {
if (res) {
if (Array.isArray(res.data) && res.data.length>0)
this.hotAdv = res.data[0]
}
});
}
},
// 广告跳转
gotoBannerDetail(item) {
// 1产品详情 2功能模块 3外部链接 4外部小程序
switch (item.jump_type){
case 1:
this.gotoDetailByType(item.product_model)
break;
case 2:
this.gotoPath(item.front_model.inside)
break;
case 3:
this.gotoWebUrl(item.tdata.url)
break;
case 4:
// #ifdef MP-WEIXIN
uni.navigateToMiniProgram({
shortLink: item.tdata.url
})
// #endif
break;
default:
break;
}
},
},
onReachBottom() {
setTimeout(() => {
if(!this.finished) this.getHotList()
},1000)
},
4 months ago
}
3 years ago
</script>
4 months ago
<style scoped lang="scss">
::v-deep .uni-countdown {
font-size: 20px !important;
::v-deep .uni-countdown__splitor {
font-size: 20px !important;
}
}
.bg {
min-height: 100vh;
overflow-x: hidden;
}
.top-image{
width: 100%;
height: 453.43rpx;
background-image: url("https://static.ticket.sz-trip.com/uploads/20251017/c379eef9b7d2ea51575f4f427db0370f.png");
background-size: 100% 100%;
padding-top: 215rpx;
padding-right: 26rpx;
font-weight: 500;
font-size: 43rpx;
color: #FFFFFF;
text-align: right;
}
.main-content{
width: 750rpx;
background: linear-gradient( 180deg, #FFFFFF 100rpx, #F5F5F5 200rpx);
border-radius: 43rpx 43rpx 0rpx 0rpx;
position: relative;
margin-top: -50rpx;
padding: 38rpx 27rpx;
4 months ago
}
.topBox {
width: 100%;
4 months ago
box-sizing: border-box;
display: flex;
align-items: center;
4 months ago
position: relative;
overflow: visible;
4 months ago
.avatar-box {
height: 80rpx;
position: relative;
display: flex;
flex-direction: column;
width: 100rpx;
flex: 1;
margin-left: 28rpx;
padding-top: 30rpx;
.headImg{
width: 133rpx;
height: 133rpx;
border: 4rpx solid #FFFFFF;
border-radius: 50%;
flex-shrink: 0;
position: absolute;
left: 0;
top: -115rpx;
}
4 months ago
}
.flex-column-center{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 80rpx;
flex-shrink: 0;
min-width: 150rpx;
.title{
font-weight: 400;
font-size: 24rpx;
color: #535355;
}
.num{
font-family: DIN Condensed, DIN Condensed;
font-weight: bold;
font-size: 37rpx;
color: #6A8C29;
}
4 months ago
}
4 months ago
.username {
font-weight: 500;
font-size: 32rpx;
color: #1C1C1C;
4 months ago
}
.top-right {
font-weight: 500;
font-size: 25rpx;
color: #100E0E;
image {
width: 11.33rpx;
height: 20rpx;
margin-left: 18rpx;
}
}
}
.orderBox {
width: 697rpx;
border-radius: 13rpx;
margin: 30rpx auto 0;
background: #F9FFF4;
border-radius: 21rpx 21rpx 21rpx 21rpx;
border: 1rpx solid #DAF7A2;
4 months ago
position: relative;
padding: 26rpx 0;
4 months ago
.moreBox {
padding:0 29rpx;
4 months ago
margin: auto;
font-weight: 500;
font-size: 32rpx;
color: #1C1C1C;
align-items: baseline;
4 months ago
span {
font-weight: 400;
font-size: 24rpx;
color: #8D8D8D;
4 months ago
box-sizing: border-box;
image {
width: 20rpx;
4 months ago
height: 20rpx;
margin-left: 8rpx;
4 months ago
}
}
}
.orderItem {
font-weight: 400;
4 months ago
font-size: 24rpx;
color: #535355;
4 months ago
width: 20%;
text-align: center;
position: relative;
4 months ago
img {
width: 48rpx;
height: 48rpx;
margin-bottom: 12rpx;
4 months ago
}
.count{
width: 24rpx;
height: 24rpx;
background: #EA2A2A;
border-radius: 50%;
position: absolute;
top: -6rpx;
right: 40rpx;
font-weight: bold;
font-size: 21rpx;
color: #FFFFFF;
text-align: center;
line-height: 24rpx;
}
4 months ago
}
.orderItem:nth-child(n+6) {
margin-top: 28rpx;
}
}
.cygj {
width: 697rpx;
background: #FFFFFF;
border-radius: 21rpx 21rpx 21rpx 21rpx;
margin: 20rpx auto 0;
padding: 27rpx 0 1rpx;
4 months ago
font-weight: 500;
font-size: 32rpx;
color: #1C1C1C;
.moreBox{
padding:0 29rpx;
font-weight: 500;
font-size: 32rpx;
color: #1C1C1C;
margin-bottom: 28rpx;
}
4 months ago
.cyItem {
width:25%;
4 months ago
display: flex;
align-items: center;
flex-direction:column;
font-weight: 400;
font-size: 24rpx;
color: #535355;
margin-bottom:28rpx;
4 months ago
.headIcon {
width: 48rpx;
height: 48rpx;
margin-bottom:10rpx;
4 months ago
}
}
.prize.cyItem{
color: #F47736;
4 months ago
}
}
.my-swipe {
// width: 100%;
margin: 0 30rpx;
margin-top: 37.3rpx;
}
swiper {
height: 111rpx !important;
}
.dfkBox {
width: 100%;
height: 111rpx;
background: #F7F7F7;
margin: 0 auto 30.64rpx;
// padding: 0.25rem;
display: flex;
}
.dfkBox image {
width: 137rpx;
height: 111rpx;
border-radius: 13rpx;
flex-shrink: 0;
// margin-right: 16.7rpx;
}
.dfkBox .contentBox {
padding-left: 5rpx;
padding-right: 5rpx;
height: 111rpx;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
}
// .van-count-down{
// font-size: 0.39rem;
// font-family: PingFang SC;
// font-weight: 400;
// color: #FB6E4D;
// }
.orderBtn {
width: 152rpx;
height: 56rpx;
background: linear-gradient(270deg, #FC5109, #FDC43A);
;
border-radius: 28rpx;
text-align: center;
line-height: 56rpx;
font-size: 27rpx;
font-family: PingFang SC;
font-weight: 400;
color: #FFFFFF;
// margin-left: 50rpx;
// margin-right: 20rpx;
}
#contact {
-webkit-tap-highlight-color: transparent;
background-color: rgba(0, 0, 0, 0);
border-radius: 0;
box-sizing: border-box;
color: transparent;
cursor: pointer;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
text-decoration: none;
border: transparent 0px solid;
display: flex;
align-items: center;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
}
button::after {
border: none;
background-color: rgba(0, 0, 0, 0);
}
.more {
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, .5);
position: fixed;
top: 0;
left: 0;
4 months ago
display: flex;
flex-direction: column;
4 months ago
justify-content: space-around;
4 months ago
align-items: center;
4 months ago
image {
width: 646rpx;
height: 959rpx;
}
img {
width: 80rpx;
height: 80rpx;
}
}
.consult-popup {
width: 480rpx;
height: 480rpx;
border-radius: 25rpx;
4 months ago
}
1 month ago
/* 弹窗内容容器 */
.kf-popup-content {
width: 100%;
background-color: #fff;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
overflow: hidden;
.popup-header {
display: flex;
justify-content: center;
align-items: center;
padding: 16px;
position: relative;
border-bottom: 1px solid #f5f5f5;
}
.title {
font-size: 18px;
font-weight: bold;
}
.close-icon {
position: absolute;
right: 16px;
font-size: 20px;
color: #999;
}
/* 弹窗内容区 */
.popup-body {
padding: 10px 0;
}
/* 联系项样式 */
.contact-item {
display: flex;
align-items: center;
padding: 16px 20px;
border-bottom: 1px solid #f5f5f5;
}
.info {
flex: 1;
}
.label {
font-size: 16px;
display: block;
margin-bottom: 4px;
}
.detail {
font-size: 14px;
color: #666;
}
.arrow {
width: 20px;
height: 20px;
color: #ccc;
font-size: 18px;
}
}
.concat-btn{
/* 清除默认背景和边框 */
background: none;
border: none;
padding: 0;
margin: 0;
/* 清除默认圆角 */
border-radius: 0;
/* 清除默认文字样式 */
color: inherit;
font-size: inherit;
line-height: inherit;
/* 清除点击效果(灰色背景) */
-webkit-tap-highlight-color: transparent;
text-align: left;
}
.recommend-box{
width: 100%;
padding: 30rpx 0 0;
.rmtj-img{
width: 222rpx;
height: 31.33rpx;
display: block;
margin: 0 auto;
}
.hot-box {
margin-top: 20rpx;
display: flex;
justify-content: space-between;
&.new-hot-box{
flex-wrap: wrap;
.hot-adv{
width: 340rpx;
height: 490rpx;
border-radius: 20rpx;
overflow: hidden;
margin-bottom: 16rpx;
}
}
.hot-item {
width: 334rpx;
height: 497rpx;
background: #FFFFFF;
border-radius: 20rpx;
overflow: hidden;
margin-bottom: 26rpx;
image {
width: 334.67rpx;
height: 342rpx;
}
.hot-content {
height: 155rpx;
padding: 6rpx 12rpx 20rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
.title {
font-weight: 500;
font-size: 29rpx;
color: #000000;
}
.price {
font-weight: 500;
font-size: 33rpx;
color: #FA0005;
&::before{
content: "¥";
color: 24rpx;
}
}
}
.btn-buy{
width: 53rpx;
height: 53rpx;
background: #97AF65;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
image{
width: 32rpx;
height: 32rpx;
}
}
}
}
}
1 month ago
.type-container{
width: 100%;
height: 60rpx;
font-weight: 400;
font-size: 26rpx;
color: #888888;
.type-item{
position: relative;
margin: 0 auto;
background-image: url("https://static.ticket.sz-trip.com/uploads/20251014/8023de50445d70ca73d64eb618e21af9.png");
background-size: 100% 100%;
width: 239.33rpx;
height: 52rpx;
text-align: center;
line-height: 52rpx;
font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
font-weight: 500;
font-size: 36rpx;
color: #3D3D3D;
}
// .type-item.active{
// font-weight: 500;
// font-size: 30rpx;
// color: #739826;
// }
// .type-item.active::after{
// content: '1';
// width: 20rpx;
// height: 5.33rpx;
// border-radius: 6rpx;
// background: linear-gradient(to right, #719723, #97AF65);
// position: absolute;
// bottom: -10rpx;
// left: calc(50% - 10rpx);
// display: block;
// font-size: 0;
// }
}
4 months ago
</style>