@ -1,84 +1,107 @@
< template >
< view class = "bg bg-padding" >
< view class = "topBox flex-between" @click ="gotoProfile" >
< image src = "https://static.ticket.sz-trip.com/shiweisuzhou/images/user/topIcon.png" class = "topIcon" > < / image >
< view class = "flex-center" style = "position: relative;" >
< view class = "avatar-box" >
< 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" >
< 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 >
< / view >
< view class = "username" v-if ="userInfo.nickname" > {{ userInfo.nickname }} < / view >
< view class = "username" v-else > 请登录 / 注册 > < / view >
< / view >
< view class = "top-right" v-if ="userInfo.nickname" >
个人信息 < image src = "https://static.ticket.sz-trip.com/tongli/images/user/rightIcon1.png" mode = "" > < / image >
< / view >
< / 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/tongli/images/user/rightIcon1.png" mode = "" > < / image >
< / span >
< / navigator >
< view class = "flex-around" style = "margin-top: 20rpx;flex-wrap: wrap;justify-content: flex-start;" >
< view class = "orderItem" v-for ="(item,index) in orderList" :key="index" @click="goTrades(item)" >
< img :src ="item.src" alt = "" >
< view > { { item . title } } < / view >
< view class = "flex-column-center" >
< view class = "title" > 优惠券 < / view >
< view class = "num" > { { couponNum } } < / view >
< / view >
< view style = "height: 35rpx;width: 2rpx;background:#E3E3E3;" > < / view >
< view class = "flex-column-center" >
< view class = "title" > 积分 < / view >
< view class = "num" > { { userInfo . score || 0 } } < / 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 >
< 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 >
< view class = "count" v-if ="item.needCount" > {{ 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 >
< / div >
< div class = "orderBtn" @click.stop ="setOrderId(item.order_id)" > 去支付 < / div >
< / div >
< / div >
< / s w i p e r - i t e m >
< / swiper > -- >
< / view >
< view class = "cygj" >
< view v -for = " ( item , index ) in cyList " :key ="index"
@ click = "gotoUrl(item,index)" v - if = "item.isShow" >
<!-- < button id = "contact" class = "cyItem flex-between" open -type = " contact " bindcontact = "handleContact" session -from = " sessionFrom " v-if ="index == 2" >
< view class = "flex-center" >
< img src = "https://static.ticket.sz-trip.com/shiweisuzhou/images/user/lxkf.png" class = "headIcon" >
联系我们
< / view >
< img src = "https://static.ticket.sz-trip.com/dongtai/images/user/rightIcon-gray.png" class = "rightIcon" >
< / button > -- >
< view class = "cyItem flex-between" >
< view class = "flex-center" >
< / s w i p e r - i t e m >
< / 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)" >
< img :src ="item.src" class = "headIcon" >
{ { item . title } }
< view > { { item . title } } < / view >
< / 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 >
< img src = "https://static.ticket.sz-trip.com/yandu/images/user/rightIcon-gray.png" class = "rightIcon" >
< / view >
< / view >
< / view >
<!-- 旅游咨询弹框 -- >
<!-- 图片 -- >
< uni -popup ref = "popup" type = "center" >
< view class = "consult-popup" >
即将拨打客服电话
< view class = "consult-subtitle" > 服务时间 ： 周一至周五 < br > 8 : 30 - 11 : 30 ， 14 : 30 - 18 : 00 < / view >
< view class = "consult-btns" >
< view @click ="$refs.popup.close()" > 取消 < / view >
< view @click ="clickPhone('0515-69186109')" > 确定 < / view >
< / view >
< / view >
< image class = "consult-popup" :src ="popshowImg" :show-menu-by-longpress ="true" > < / image >
< / u n i - p o p u p >
< uni -popup ref = "kfpopup" type = "bottom" :safe-area ="false" >
@ -133,94 +156,131 @@
} ,
data ( ) {
return {
couponNum : 0 ,
dfkList : [ ] ,
differTimeList : [ ] ,
nowDateTime : '' , / / 当 前 时 间 秒 数
userInfo : { } ,
orderList : [ {
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/dfki .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/785234bf4df1fac233ee020627cdc262 .png' ,
title : '待付款' ,
status : 'WAIT_PAYMENT'
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/dfh .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/806d65eb846e60a98352ba09d8660ce7 .png' ,
title : '待发货' ,
status : 'WAIT_POST'
status : 'WAIT_POST' ,
count : 0 ,
needCount : true
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/dcx .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/f3ea0d6a80ae0e10be1b974ad10955fb .png' ,
title : '待使用/出行' ,
status : 'WAIT_USE'
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/dsh .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/4c0812afada05c7005c213a9f012955e .png' ,
title : '待收货' ,
status : 'WAIT_DELIVERY'
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/tksh .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/7a0bc28efe4ef85d3c2ed98277afcd00 .png' ,
title : '退款/售后' ,
status : 'NEED_REFUND'
} ,
] ,
cyList : [
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/yhq .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/aa4ad71297f5b96b0f14696143a38ea1 .png' ,
title : '优惠券' ,
path : '/subPackages/user/coupon' ,
isShow : true
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/cxr .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/19fff40782bc7d9a9c78ed5c394dc030 .png' ,
title : '出行人' ,
path : '/subPackages/user/travelerList?showType=0' ,
isShow : true
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/lxkf.png' ,
title : '联系我们' ,
path : '' ,
isShow : true
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/shdz.png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/c9c81700bc66a8d4dc26757aa6737dfa.png' ,
title : '收货地址' ,
path : '/subPackages/user/travelerList?showType=1' ,
isShow : true
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/shhx .png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/c7e34c9011fc80966520b2c06a4faaf5.png' ,
title : '商户核销' ,
path : '' ,
isShow : true ,
webUrl : "https://supplier-h5.sutenong.com" ,
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/yhxy.png' ,
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' ,
title : '用户协议' ,
path : '/subPackages/user/privacyInfo?id=9' ,
isShow : true
} ,
{
src : 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/yszc.png' ,
src : 'https://static.ticket.sz-trip.com/uploads/20251011/b22eac8abd4639fa166195f91c78c6e6 .png' ,
title : '隐私管理' ,
path : '/subPackages/user/privacyInfo?id=12' ,
isShow : true
}
] ,
popshowImg : "" ,
hotList : [ ] ,
hotAdv : null ,
finished : false ,
typeIndex : 0 ,
}
} ,
onReady ( ) {
this . getHotList ( )
} ,
onShow ( ) {
/ / 根 据 t o k e n 获 取 个 人 信 息
/ / t h i s . P o s t ( {
/ / t o k e n : ' '
/ / } , ' / a p i / u s e r v i c e / u s e r / g e t M y I n f o ' ) . t h e n ( r e s = > {
/ / t h i s . $ s t o r e . c o m m i t ( ' c h a n g e U s e r I n f o ' , r e s . d a t a ) ;
/ / } )
this . userInfo = ( uni . getStorageSync ( 'userInfo' ) && JSON . parse ( uni . getStorageSync ( 'userInfo' ) ) ) || this . $store . state . user . userInfo || { }
console . log ( this . userInfo )
uni . setStorageSync ( 'isFlag' , true )
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 )
} )
/ / t h i s . d f k L i s t = [ ]
/ / t h i s . n o w D a t e T i m e = p a r s e I n t ( n e w D a t e ( ) . g e t T i m e ( ) / 1 0 0 0 )
/ / t h i s . P o s t ( { } , " / a p i / u s e r / u s e r I n f o " ) . t h e n ( ( r e s ) = > {
@ -304,6 +364,21 @@
}
} )
} ,
/ / 代 发 货 数 量
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
}
} )
} ,
goToOrderDetail ( item ) {
uni . navigateTo ( {
url : '/subPackages/order/detail?id=' + item . order_id
@ -340,19 +415,30 @@
/ / t h i s . $ r e f s . p o p u p . o p e n ( ' c e n t e r ' )
/ / } ,
gotoUrl ( item , index ) {
if ( index == 2 ) {
this . $refs . kfpopup . open ( )
return ;
if ( item . path ) {
uni . navigateTo ( {
url : item . path
} )
return
}
if ( index == 4 ) {
if ( item . webUrl ) {
uni . navigateTo ( {
url : '/subPackages/webPage/webPage?url=' + item . webUrl
} )
return
}
uni . navigateTo ( {
url : item . path
} )
if ( item . isKeFU ) {
this . $refs . kfpopup . open ( )
return ;
}
if ( item . GZHImg ) {
this . popshowImg = item . GZHImg ;
this . $refs . popup . open ( )
return
}
this . qidai ( )
} ,
qidai ( ) {
uni . showToast ( {
@ -385,7 +471,87 @@
/ / }
/ / } ) ;
} ,
}
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
/ / t o d o
}
} ,
getHotList ( ) {
this . Post ( {
/ / t a g _ i d : 6 4 8 ,
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 :
/ / # i f d e f M P - W E I X I N
uni . navigateToMiniProgram ( {
shortLink : item . tdata . url
} )
/ / # e n d i f
break ;
default :
break ;
}
} ,
} ,
onReachBottom ( ) {
setTimeout ( ( ) => {
if ( ! this . finished ) this . getHotList ( )
} , 1000 )
} ,
}
< / script >
@ -401,44 +567,82 @@
. bg {
min - height : 100 vh ;
overflow - x : hidden ;
background - color : rgba ( 237 , 245 , 220 , 1 ) ;
}
. top - image {
width : 100 % ;
height : 453.43 rpx ;
background - image : url ( "https://static.ticket.sz-trip.com/uploads/20251011/a1f6b25761ddebba529d822db1d54497.png" ) ;
background - size : 100 % 100 % ;
padding - top : 215 rpx ;
padding - right : 26 rpx ;
font - weight : 500 ;
font - size : 43 rpx ;
color : # FFFFFF ;
text - align : right ;
}
. main - content {
width : 750 rpx ;
background : linear - gradient ( 180 deg , # FFFFFF 0 % , # F1F2F4 100 % ) ;
border - radius : 43 rpx 43 rpx 0 rpx 0 rpx ;
position : relative ;
margin - top : - 50 rpx ;
padding : 38 rpx 27 rpx ;
}
. topBox {
width : 750 rpx ;
height : 538 rpx ;
width : 100 % ;
box - sizing : border - box ;
display : flex ;
background - image : url ( 'https://static.ticket.sz-trip.com/shiweisuzhou/images/user/topBg.png' ) ;
background - size : 100 % 100 % ;
padding : 0 rpx 40 rpx 65 rpx 28 rpx ;
align - items : center ;
position : relative ;
. topIcon {
width : 734.67 rpx ;
height : 538 rpx ;
position : absolute ;
top : 0 ;
right : 0 ;
}
overflow : visible ;
. avatar - box {
width : 120 rpx ;
height : 120 rpx ;
border - radius : 50 % ;
overflow : hidden ;
background : # FFFFFF ;
height : 80 rpx ;
position : relative ;
display : flex ;
flex - direction : column ;
width : 100 rpx ;
flex : 1 ;
margin - left : 28 rpx ;
padding - top : 30 rpx ;
. headImg {
width : 133 rpx ;
height : 133 rpx ;
border : 4 rpx solid # FFFFFF ;
border - radius : 50 % ;
flex - shrink : 0 ;
position : absolute ;
left : 0 ;
top : - 115 rpx ;
}
}
. headImg {
width : 100 % ;
height : 100 % ;
. flex - column - center {
display : flex ;
flex - direction : column ;
align - items : center ;
justify - content : space - between ;
height : 80 rpx ;
flex - shrink : 0 ;
min - width : 150 rpx ;
. title {
font - weight : 400 ;
font - size : 24 rpx ;
color : # 535355 ;
}
. num {
font - family : DIN Condensed , DIN Condensed ;
font - weight : bold ;
font - size : 37 rpx ;
color : # 6 A8C29 ;
}
}
. username {
margin - left : 20 rpx ;
font - size : 40 rpx ;
color : # 000000 ;
font - weight : 500 ;
font - size : 32 rpx ;
color : # 1 C1C1C ;
}
. top - right {
@ -456,48 +660,62 @@
. orderBox {
width : 697 rpx ;
background : # FFFFFF ;
box - shadow : 0 rpx 0 rpx 23 rpx 0 rpx rgba ( 80 , 80 , 80 , 0.12 ) ;
border - radius : 13 rpx ;
margin : - 185 rpx auto 0 ;
padding - bottom : 30.6 rpx ;
margin : 30 rpx auto 0 ;
background : # F9FFF4 ;
border - radius : 21 rpx 21 rpx 21 rpx 21 rpx ;
border : 1 rpx solid # DAF7A2 ;
position : relative ;
padding : 26 rpx 0 ;
. moreBox {
height : 84 rpx ;
padding : 0 29 rpx ;
margin : auto ;
font - size : 31 rpx ;
font - family : PingFang SC ;
font - weight : bold ;
color : # 000000 ;
padding : 0 13 rpx 0 26 rpx ;
font - weight : 500 ;
font - size : 32 rpx ;
color : # 1 C1C1C ;
align - items : baseline ;
span {
font - weight : 5 00;
font - size : 25 rpx ;
color : # 100 E0E ;
font - weight : 400 ;
font - size : 24 rpx ;
color : # 8 D8D8D ;
box - sizing : border - box ;
image {
width : 11.33 rpx ;
width : 20 rpx ;
height : 20 rpx ;
margin - left : 1 8rpx ;
margin - left : 8 rpx ;
}
}
}
. orderItem {
font - weight : 400 ;
font - size : 24 rpx ;
font - family : PingFang SC ;
font - weight : 500 ;
color : # 111111 ;
color : # 535355 ;
width : 20 % ;
text - align : center ;
position : relative ;
img {
width : 62 rpx ;
height : 62 rpx ;
margin - bottom : 20 rpx ;
width : 48 rpx ;
height : 48 rpx ;
margin - bottom : 12 rpx ;
}
. count {
width : 24 rpx ;
height : 24 rpx ;
background : # EA2A2A ;
border - radius : 50 % ;
position : absolute ;
top : - 6 rpx ;
right : 40 rpx ;
font - weight : bold ;
font - size : 21 rpx ;
color : # FFFFFF ;
text - align : center ;
line - height : 24 rpx ;
}
}
. orderItem : nth - child ( n + 6 ) {
@ -505,70 +723,44 @@
}
}
. lxwm {
width : 696 rpx ;
height : 447 rpx ;
background : # FFFFFF ;
box - shadow : 0 px 4 rpx 12 rpx 0 px rgba ( 150 , 149 , 149 , 0.3 ) ;
border - radius : 20 rpx ;
margin : auto ;
padding : 27 rpx 19 rpx 0 19 rpx ;
font - size : 31 rpx ;
font - family : PingFang SC ;
font - weight : bold ;
color : # 000000 ;
. midBox {
padding : 26 rpx 43 rpx 21 rpx 44 rpx ;
box - sizing : border - box ;
img {
width : 265 rpx ;
height : 252 rpx ;
border - radius : 15 rpx ;
}
}
. botBox {
padding : 0 30 rpx 0 51 rpx ;
font - size : 27 rpx ;
font - family : PingFang SC ;
font - weight : bold ;
color : # 000000 ;
}
}
. cygj {
width : 697 rpx ;
background : # FFFFFF ;
border - radius : 20 rpx ;
margin : 30 rpx auto 0 ;
padding : 0 27 rpx ;
font - size : 28 rpx ;
font - family : PingFang SC ;
border - radius : 21 rpx 21 rpx 21 rpx 21 rpx ;
margin : 20 rpx auto 0 ;
padding : 27 rpx 0 ;
font - weight : 500 ;
color : # 000000 ;
font - size : 32 rpx ;
color : # 1 C1C1C ;
. moreBox {
padding : 0 29 rpx ;
font - weight : 500 ;
font - size : 32 rpx ;
color : # 1 C1C1C ;
margin - bottom : 28 rpx ;
}
. cyItem {
height : 106 rpx ;
width : 25 % ;
display : flex ;
align - items : center ;
border - bottom : 1 rpx solid # D8D8D8 ;
flex - direction : column ;
font - weight : 400 ;
font - size : 24 rpx ;
color : # 535355 ;
margin - bottom : 28 rpx ;
. headIcon {
width : 42 rpx ;
height : 42 rpx ;
margin - right : 15 rpx ;
width : 48 rpx ;
height : 48 rpx ;
margin - bottom : 10 rpx ;
}
. rightIcon {
width : 20 rpx ;
height : 20 rpx ;
}
}
. cyItem : last - child {
border : none ;
. prize . cyItem {
color : # F47736 ;
}
}
@ -682,39 +874,9 @@
}
. consult - popup {
width : 487 rpx ;
height : 367 rpx ;
background : # F0F0F0 ;
border - radius : 20 rpx ;
padding : 65 rpx 0 23 rpx ;
font - weight : bold ;
font - size : 32 rpx ;
color : # 000000 ;
text - align : center ;
. consult - subtitle {
font - weight : 500 ;
font - size : 27 rpx ;
color : # 333333 ;
margin - top : 43 rpx ;
}
. consult - btns {
display : flex ;
margin - top : 75 rpx ;
view {
width : 50 % ;
font - weight : bold ;
font - size : 32 rpx ;
color : # 71 B580 ;
line - height : 54 rpx ;
}
view : first - child {
border - right : 1 rpx solid # D8D8D8 ;
color : # 000000 ;
}
}
width : 480 rpx ;
height : 480 rpx ;
border - radius : 25 rpx ;
}
/* 弹窗内容容器 */
@ -802,6 +964,120 @@
text - align : left ;
}
. recommend - box {
width : 100 % ;
padding : 30 rpx 0 0 ;
. rmtj - img {
width : 222 rpx ;
height : 31.33 rpx ;
display : block ;
margin : 0 auto ;
}
. hot - box {
margin - top : 20 rpx ;
display : flex ;
justify - content : space - between ;
& . new - hot - box {
flex - wrap : wrap ;
. hot - adv {
width : 340 rpx ;
height : 490 rpx ;
border - radius : 20 rpx ;
overflow : hidden ;
margin - bottom : 16 rpx ;
}
}
. hot - item {
width : 334 rpx ;
height : 497 rpx ;
background : # FFFFFF ;
border - radius : 20 rpx ;
overflow : hidden ;
margin - bottom : 26 rpx ;
image {
width : 334.67 rpx ;
height : 342 rpx ;
}
. hot - content {
height : 155 rpx ;
padding : 6 rpx 12 rpx 20 rpx ;
display : flex ;
flex - direction : column ;
justify - content : space - between ;
. title {
font - weight : 500 ;
font - size : 29 rpx ;
color : # 000000 ;
}
. price {
font - weight : 500 ;
font - size : 33 rpx ;
color : # FA0005 ;
& : : before {
content : "￥" ;
color : 24 rpx ;
}
}
}
. btn - buy {
width : 53 rpx ;
height : 53 rpx ;
background : # 97 AF65 ;
border - radius : 50 % ;
display : flex ;
align - items : center ;
justify - content : center ;
image {
width : 32 rpx ;
height : 32 rpx ;
}
}
}
}
}
. type - container {
width : 100 % ;
height : 60 rpx ;
font - weight : 400 ;
font - size : 26 rpx ;
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.33 rpx ;
height : 52 rpx ;
font - weight : 500 ;
font - size : 29 rpx ;
color : # 212 A0D ;
text - align : center ;
line - height : 52 rpx ;
}
/ / . t y p e - i t e m . a c t i v e {
/ / f o n t - w e i g h t : 5 0 0 ;
/ / f o n t - s i z e : 3 0 r p x ;
/ / c o l o r : # 7 3 9 8 2 6 ;
/ / }
/ / . t y p e - i t e m . a c t i v e : : a f t e r {
/ / c o n t e n t : ' 1 ' ;
/ / w i d t h : 2 0 r p x ;
/ / h e i g h t : 5 . 3 3 r p x ;
/ / b o r d e r - r a d i u s : 6 r p x ;
/ / b a c k g r o u n d : l i n e a r - g r a d i e n t ( t o r i g h t , # 7 1 9 7 2 3 , # 9 7 A F 6 5 ) ;
/ / p o s i t i o n : a b s o l u t e ;
/ / b o t t o m : - 1 0 r p x ;
/ / l e f t : c a l c ( 5 0 % - 1 0 r p x ) ;
/ / d i s p l a y : b l o c k ;
/ / f o n t - s i z e : 0 ;
/ / }
}
< / style >
jiazhipeng