Skip to content

J
jz_Travel
Commit ee40f5e1 authored by 黄奎's avatar 黄奎
Browse files
Options

页面修改

parent 137b2f37
Show whitespace changes
Inline Side-by-side
Showing with 1207 additions and 1376 deletions
pages/ticketCoupons/detail.vue
View file @ ee40f5e1
<template> <template>
<view <view style="height: 100vh; overflow: hidden; width: 100vw" v-if="details.Name">
style="height: 100vh; overflow: hidden; width: 100vw" <scroll-view scroll-y="true" style="width: 100%; height: 100%" @scroll="scroll">
v-if="details.Name" <view style="
>
<scroll-view
scroll-y="true"
style="width: 100%; height: 100%"
@scroll="scroll"
>
<view
style="
height: 500rpx; height: 500rpx;
position: relative; position: relative;
z-index: 1; z-index: 1;
background-color: #e7e7e7; background-color: #e7e7e7;
" "
:style="{ opacity: 100 - boxOption + '%' }" :style="{ opacity: 100 - boxOption + '%' }">
>
<!-- #ifdef MP-WEIXIN --> <!-- #ifdef MP-WEIXIN -->
<view <view @click="goback" :style="[titleStyle, { opacity: '100% !important' }]" style="
@click="goback"
:style="[titleStyle, { opacity: '100% !important' }]"
style="
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
z-index: 9; z-index: 9;
padding-left: 6rpx; padding-left: 6rpx;
" ">
> <u-icon name="arrow-left" size="44" color="#ffffff" style="margin-top: 22rpx"></u-icon>
<u-icon
name="arrow-left"
size="44"
color="#ffffff"
style="margin-top: 22rpx"
></u-icon>
</view> </view>
<!-- #endif --> <!-- #endif -->
<image <image class="banner-img" :src="details.AllPicList[0].TagPicList[0].Path" mode="aspectFill" @click="goUrl('/pages/ticketCoupons/imgList')"></image>
class="banner-img"
:src="details.AllPicList[0].TagPicList[0].Path"
mode="aspectFill"
@click="goUrl('/pages/ticketCoupons/imgList')"
></image>
</view> </view>
<view class="ticket-title-bar" :style="[titleStyle]"> <view class="ticket-title-bar" :style="[titleStyle]">
<view @click="goback"> <view @click="goback">
...@@ -50,47 +27,37 @@ ...@@ -50,47 +27,37 @@
<u-icon name="arrow-left" size="44"></u-icon> <u-icon name="arrow-left" size="44"></u-icon>
<!-- #endif --> <!-- #endif -->
</view> </view>
<view <view style="flex: 1;margin-left: 30rpx; text-align: left;'background-color':'#000';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
style="flex: 1;margin-left: 30rpx; text-align: left;'background-color':'#000';white-space: nowrap;overflow: hidden;text-overflow: ellipsis;" class="name-ali">
class="name-ali"
>
{{ details.Name }} {{ details.Name }}
</view> </view>
</view> </view>
<view style="position: relative; z-index: 2"> <view style="position: relative; z-index: 2">
<view <view style="
style="
width: 750rpx; width: 750rpx;
position: absolute; position: absolute;
top: -70px; top: -70px;
border-top-left-radius: 30px; border-top-left-radius: 30px;
border-top-right-radius: 30px; border-top-right-radius: 30px;
background-color: #fff; background-color: #fff;
" ">
>
<view class="baseinfo"> <view class="baseinfo">
<view class="info1"> <view class="info1">
<view class="name"> <view class="name">
{{ details.Name }} {{ details.Name }}
</view> </view>
<view class="score-bg"> <view class="score-bg">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/pingfen-bg.png" mode="aspectFit"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/pingfen-bg.png" class="pf-bg"></image>
mode="aspectFit"
class="pf-bg"
></image>
<view class="score"> <view class="score">
{{ details.ScoreNum }} {{ details.ScoreNum }}
<text <text v-if="
v-if="
details.ScoreNum === 1 || details.ScoreNum === 1 ||
details.ScoreNum === 2 || details.ScoreNum === 2 ||
details.ScoreNum === 3 || details.ScoreNum === 3 ||
details.ScoreNum === 4 || details.ScoreNum === 4 ||
details.ScoreNum === 5 details.ScoreNum === 5
" ">.0</text>
>.0</text
>
</view> </view>
</view> </view>
</view> </view>
...@@ -109,72 +76,29 @@ ...@@ -109,72 +76,29 @@
</view> </view>
<view class="info3"> <view class="info3">
<view class="tag-box"> <view class="tag-box">
<view <view v-for="(_item, _index) in details.ScenicSpotTag" :key="_index">
v-for="(_item, _index) in details.ScenicSpotTag" <u-tag :text="_item" bg-color="#FFF" border-color="#DFBE6E" color="#DFBE6E" size="mini" class="tag" v-if="_item"></u-tag>
:key="_index" </view>
> <view v-for="(_item, _index) in details.GeographicTag" :key="_index">
<u-tag <u-tag :text="_item" bg-color="#FFF" border-color="#DFBE6E" color="#DFBE6E" size="mini" class="tag" v-if="_item"></u-tag>
:text="_item" </view>
bg-color="#FFF" </view>
border-color="#DFBE6E" <view class="policy-detail" @click="goUrl('/pages/ticketCoupons/policyDetail')">
color="#DFBE6E"
size="mini"
class="tag"
v-if="_item"
></u-tag>
</view>
<view
v-for="(_item, _index) in details.GeographicTag"
:key="_index"
>
<u-tag
:text="_item"
bg-color="#FFF"
border-color="#DFBE6E"
color="#DFBE6E"
size="mini"
class="tag"
v-if="_item"
></u-tag>
</view>
</view>
<view
class="policy-detail"
@click="goUrl('/pages/ticketCoupons/policyDetail')"
>
政策详情 政策详情
<u-icon <u-icon name="arrow" color="#6E6E6E" size="24rpx" class="icon"></u-icon>
name="arrow"
color="#6E6E6E"
size="24rpx"
class="icon"
></u-icon>
</view> </view>
</view> </view>
<view class="line"></view> <view class="line"></view>
<view class="info4"> <view class="info4">
<view class="mark-icon"> <view class="mark-icon">
<u-icon <u-icon name="location" color="#111111" size="24rpx" class="icon"></u-icon>
name="location"
color="#111111"
size="24rpx"
class="icon"
></u-icon>
</view> </view>
<view class="address"> <view class="address">
{{ details.Address }} {{ details.Address }}
</view> </view>
<view <view class="see-map" @click="goMap(details.Address, details.Lng, details.Lat)">
class="see-map"
@click="goMap(details.Address, details.Lng, details.Lat)"
>
地图详情 地图详情
<u-icon <u-icon name="arrow" color="#6E6E6E" size="24rpx" class="icon"></u-icon>
name="arrow"
color="#6E6E6E"
size="24rpx"
class="icon"
></u-icon>
</view> </view>
</view> </view>
</view> </view>
...@@ -185,71 +109,39 @@ ...@@ -185,71 +109,39 @@
<text class="ticket-title-bg"></text> <text class="ticket-title-bg"></text>
</view> </view>
<view class="ticket-navs" v-if="TicketList.length > 0"> <view class="ticket-navs" v-if="TicketList.length > 0">
<view <view class="ticket-nav" :class="{ 'check-ticket-nav': checkTicketNavIndex === 1 }" @click="changeCheckTicketNavIndex(1)"
class="ticket-nav" v-if="haveticket[0].date">
:class="{ 'check-ticket-nav': checkTicketNavIndex === 1 }"
@click="changeCheckTicketNavIndex(1)"
v-if="haveticket[0].date"
>
{{ haveticket[0].date }} {{ haveticket[0].date }}
</view> </view>
<view <view class="ticket-nav" :class="{ 'check-ticket-nav': checkTicketNavIndex === 2 }" @click="changeCheckTicketNavIndex(2)"
class="ticket-nav" v-if="haveticket[1].date">
:class="{ 'check-ticket-nav': checkTicketNavIndex === 2 }"
@click="changeCheckTicketNavIndex(2)"
v-if="haveticket[1].date"
>
{{ haveticket[1].date }} {{ haveticket[1].date }}
</view> </view>
<view <view class="ticket-nav" :class="{ 'check-ticket-nav': checkTicketNavIndex === 3 }" @click="changeCheckTicketNavIndex(3)">
class="ticket-nav"
:class="{ 'check-ticket-nav': checkTicketNavIndex === 3 }"
@click="changeCheckTicketNavIndex(3)"
>
{{ otherDate }} {{ otherDate }}
</view> </view>
<calendar <calendar ref="calendar" :insert="false" :selected="calendar" @confirm="confirm" @monthSwitch="changeMonth"></calendar>
ref="calendar"
:insert="false"
:selected="calendar"
@confirm="confirm"
@monthSwitch="changeMonth"
></calendar>
</view> </view>
<view> <view>
<view class="no-data" v-if="TicketList.length === 0"> <view class="no-data" v-if="TicketList.length === 0">
<image <image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/no-data.png" mode="aspectFit"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/no-data.png" class="no-data-img"></image>
mode="aspectFit"
class="no-data-img"
></image>
<view class="zhanwu"> 暂无数据 </view> <view class="zhanwu"> 暂无数据 </view>
</view> </view>
<view <view v-for="(item, index) in TicketList" :key="index" class="ticket-list-box" :class="{ 'last-item': index == TicketList.length - 1 }"
v-for="(item, index) in TicketList" v-if="TicketList.length > 0">
:key="index"
class="ticket-list-box"
:class="{ 'last-item': index == TicketList.length - 1 }"
v-if="TicketList.length > 0"
>
<view class="ticket-key" v-if="item.Key"> <view class="ticket-key" v-if="item.Key">
{{ item.Key }} {{ item.Key }}
</view> </view>
<view class="ticket-list"> <view class="ticket-list">
<view <view v-for="(_item, _index) in item.TicketList" :key="_item.Id" class="ticket-list-item" :class="{
v-for="(_item, _index) in item.TicketList"
:key="_item.Id"
class="ticket-list-item"
:class="{
'last-item': _index == item.TicketList.length - 1, 'last-item': _index == item.TicketList.length - 1,
}" }">
>
<view class="TicketName"> <view class="TicketName">
{{ _item.TicketName }} {{ _item.TicketName }}
</view> </view>
<view class="price"> <view class="price">
<text class="price-pre">￥</text <text class="price-pre">￥</text>{{
>{{
$utils.getretailer() == true $utils.getretailer() == true
? _item.HPriceB ? _item.HPriceB
: _item.HPriceC : _item.HPriceC
...@@ -257,28 +149,14 @@ ...@@ -257,28 +149,14 @@
<text class="price-nex">起</text> <text class="price-nex">起</text>
</view> </view>
<view class="tag" v-if="_item.IsSameDayBuy == 1"> <view class="tag" v-if="_item.IsSameDayBuy == 1">
<image <image class="tag-img" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/likeruyuan.png"
class="tag-img" mode="aspectFit" v-if="_item.IsSameDayBuy == 1"></image>
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/CustomizedCar/likeruyuan.png" <view class="tag-item" v-if="
mode="aspectFit"
v-if="_item.IsSameDayBuy == 1"
></image>
<view
class="tag-item"
v-if="
(_item.SubscribeTime && _item.IsSameDayBuy == 1) || (_item.SubscribeTime && _item.IsSameDayBuy == 1) ||
(_item.ChangeTickets && _item.IsSameDayBuy == 1) (_item.ChangeTickets && _item.IsSameDayBuy == 1)
" ">
> <text v-if="_item.SubscribeTime && _item.IsSameDayBuy == 1">随时可买</text>
<text <text class="gap" v-if="_item.ChangeTickets && _item.IsSameDayBuy == 1">无需换票</text>
v-if="_item.SubscribeTime && _item.IsSameDayBuy == 1"
>随时可买</text
>
<text
class="gap"
v-if="_item.ChangeTickets && _item.IsSameDayBuy == 1"
>无需换票</text
>
</view> </view>
</view> </view>
<!-- 无忧退款 --> <!-- 无忧退款 -->
...@@ -294,9 +172,7 @@ ...@@ -294,9 +172,7 @@
<view class="ticket-sell"> <view class="ticket-sell">
<view class="sell">已售 {{ _item.SaleCount }}</view> <view class="sell">已售 {{ _item.SaleCount }}</view>
<view class="vertical-line"></view> <view class="vertical-line"></view>
<view class="buy-know" @click="openBuyNotice(_item)" <view class="buy-know" @click="openBuyNotice(_item)">购买须知</view>
>购买须知</view
>
</view> </view>
</view> </view>
</view> </view>
...@@ -331,34 +207,20 @@ ...@@ -331,34 +207,20 @@
<text>发现周边</text> <text>发现周边</text>
</view> </view>
<view class="flex" style="margin-left: 64rpx"> <view class="flex" style="margin-left: 64rpx">
<view <view class="nearby-type" :class="{ active: nearbyType == 0 }" @click="changeNearbyType(0)">酒店
class="nearby-type"
:class="{ active: nearbyType == 0 }"
@click="changeNearbyType(0)"
>酒店
</view> </view>
<view <view class="nearby-type" :class="{ active: nearbyType == 1 }" @click="changeNearbyType(1)">美食
class="nearby-type"
:class="{ active: nearbyType == 1 }"
@click="changeNearbyType(1)"
>美食
</view> </view>
</view> </view>
</view> </view>
<view class="flex" style="margin: 50rpx 0; overflow-x: auto"> <view class="flex" style="margin: 50rpx 0; overflow-x: auto">
<template v-if="nearbyType == 0"> <template v-if="nearbyType == 0">
<template <template v-if="details.HotelList" v-for="subItem in details.HotelList">
v-if="details.HotelList"
v-for="subItem in details.HotelList"
>
<near-good :goodItem="subItem" :goodType="1"></near-good> <near-good :goodItem="subItem" :goodType="1"></near-good>
</template> </template>
</template> </template>
<template v-if="nearbyType == 1"> <template v-if="nearbyType == 1">
<template <template v-if="details.DiningList" v-for="subItem in details.DiningList">
v-if="details.DiningList"
v-for="subItem in details.DiningList"
>
<near-good :goodItem="subItem" :goodType="2"></near-good> <near-good :goodItem="subItem" :goodType="2"></near-good>
</template> </template>
</template> </template>
...@@ -368,17 +230,11 @@ ...@@ -368,17 +230,11 @@
<text>精选推荐</text> <text>精选推荐</text>
</view> </view>
<view class="flex" style="margin-left: 64rpx"> <view class="flex" style="margin-left: 64rpx">
<view class="nearby-type active" <view class="nearby-type active">附近满足条件景点({{ scenicArr.length }})</view>
>附近满足条件景点({{ scenicArr.length }})</view
>
</view> </view>
</view> </view>
<view> <view>
<recommed-hotel <recommed-hotel :scenicArr="scenicArr" :dayObj="dayObj" :searchObj="searchObj">
:scenicArr="scenicArr"
:dayObj="dayObj"
:searchObj="searchObj"
>
</recommed-hotel> </recommed-hotel>
<!-- <recommed-hotel :hotelType="1"></recommed-hotel> --> <!-- <recommed-hotel :hotelType="1"></recommed-hotel> -->
</view> </view>
...@@ -388,31 +244,16 @@ ...@@ -388,31 +244,16 @@
<!-- 购票须知弹出层 --> <!-- 购票须知弹出层 -->
<view> <view>
<u-popup v-model="showPop" mode="bottom" border-radius="40"> <u-popup v-model="showPop" mode="bottom" border-radius="40">
<buyNotice <buyNotice :TicketData="curTicketData" :coverImg="details.AllPicList[0].TagPicList[0].Path" :score="details.ScoreNum"
:TicketData="curTicketData" @success="successBuyNotice"></buyNotice>
:coverImg="details.AllPicList[0].TagPicList[0].Path"
:score="details.ScoreNum"
@success="successBuyNotice"
></buyNotice>
</u-popup> </u-popup>
</view> </view>
<!-- 填写订单弹出层 --> <!-- 填写订单弹出层 -->
<view> <view>
<u-popup <u-popup v-model="showSubscribeTicketPop" mode="bottom" border-radius="40">
v-model="showSubscribeTicketPop"
mode="bottom"
border-radius="40"
>
<view> <view>
<subscribeTicket <subscribeTicket :dateStr="Date" :TicketID="TicketID" :TitekCounponId="ID" :TicketName="TicketName" @close="showSubscribeTicketPop = false"
:dateStr="Date" :TicketImg="details.AllPicList[0].TagPicList[0].Path" :msgPath="msgPath"></subscribeTicket>
:TicketID="TicketID"
:TitekCounponId="ID"
:TicketName="TicketName"
@close="showSubscribeTicketPop = false"
:TicketImg="details.AllPicList[0].TagPicList[0].Path"
:msgPath="msgPath"
></subscribeTicket>
</view> </view>
</u-popup> </u-popup>
</view> </view>
...@@ -422,12 +263,12 @@ ...@@ -422,12 +263,12 @@
</template> </template>
<script> <script>
import calendar from "./components/uni-calendar/uni-calendar.vue"; import calendar from "./components/uni-calendar/uni-calendar.vue";
import buyNotice from "./components/buyNotice.vue"; import buyNotice from "./components/buyNotice.vue";
import subscribeTicket from "./components/subscribeTicket.vue"; import subscribeTicket from "./components/subscribeTicket.vue";
import nearGood from "./components/near-good.vue"; import nearGood from "./components/near-good.vue";
import recommedHotel from "./components/recommed-hotel.vue"; import recommedHotel from "./components/recommed-hotel.vue";
export default { export default {
components: { components: {
calendar, calendar,
buyNotice, buyNotice,
...@@ -447,12 +288,10 @@ export default { ...@@ -447,12 +288,10 @@ export default {
videoContext: "", videoContext: "",
checkTicketNavIndex: 1, checkTicketNavIndex: 1,
imgBaseUrl: "", imgBaseUrl: "",
calendar: [ calendar: [{
{
date: "", date: "",
info: "", info: "",
}, }, ], //日历高亮
], //日历高亮
showPop: false, showPop: false,
curTicketData: {}, curTicketData: {},
showSubscribeTicketPop: false, //订单弹出层 showSubscribeTicketPop: false, //订单弹出层
...@@ -463,42 +302,41 @@ export default { ...@@ -463,42 +302,41 @@ export default {
Up: 0, Up: 0,
nearbyType: 0, nearbyType: 0,
scenicArr: [], //推荐景点 scenicArr: [], //推荐景点
haveticket: [{ date: "" }, { date: "" }], //最近3天的票 haveticket: [{
date: ""
}, {
date: ""
}], //最近3天的票
TicketList: [], TicketList: [],
}; };
}, },
onShareTimeline() { onShareTimeline() {
// setTimeout(() => { let uid = uni.getStorageSync("mall_UserInfo") ?
// console.log("分享朋友圈调用"); uni.getStorageSync("mall_UserInfo").UserId :
// this.getReceive(); 0;
// }, 2500);
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
if (uid == 0) { if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0; uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
} }
let SmallShopId = uni.getStorageSync("mall_UserInfo") let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").SmallShopId uni.getStorageSync("mall_UserInfo").SmallShopId :
: 0; 0;
if (SmallShopId == 0) { if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id //如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") SmallShopId = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserSmallShopId uni.getStorageSync("mall_UserInfo").UserSmallShopId :
: 0; 0;
} }
let title = this.details.Name ? this.details.Name : "门票"; let title = this.details.Name ? this.details.Name : "门票";
let imageUrl = this.details.AllPicList[0].TagPicList[0].Path let imageUrl = this.details.AllPicList[0].TagPicList[0].Path ?
? this.details.AllPicList[0].TagPicList[0].Path this.details.AllPicList[0].TagPicList[0].Path :
: ""; "";
let id = this.ID; let id = this.ID;
this.Up = uni.getStorageSync("mall_UserInfo") this.Up = uni.getStorageSync("mall_UserInfo") ?
? uni.getStorageSync("mall_UserInfo").UserPageType uni.getStorageSync("mall_UserInfo").UserPageType :
: 0; 0;
return { return {
title: title, title: title,
query: query: "id=" +
"id=" +
this.id + this.id +
"&user_id=" + "&user_id=" +
uid + uid +
...@@ -510,10 +348,6 @@ export default { ...@@ -510,10 +348,6 @@ export default {
}; };
}, },
onShareAppMessage(res) { onShareAppMessage(res) {
// setTimeout(() => {
// console.log("分享好友调用");
// this.getReceive();
// }, 2500);
let u = uni.getStorageSync("mall_UserInfo"); let u = uni.getStorageSync("mall_UserInfo");
let uid = u.UserId ? u.UserId : 0; let uid = u.UserId ? u.UserId : 0;
if (uid == 0) { if (uid == 0) {
...@@ -526,8 +360,7 @@ export default { ...@@ -526,8 +360,7 @@ export default {
} }
return { return {
title: this.details.Name ? this.details.Name : "门票", title: this.details.Name ? this.details.Name : "门票",
path: path: "/pages/index/index?id=" +
"/pages/index/index?id=" +
this.ID + this.ID +
"&user_id=" + "&user_id=" +
uid + uid +
...@@ -536,9 +369,9 @@ export default { ...@@ -536,9 +369,9 @@ export default {
"&Up=" + "&Up=" +
this.Up + this.Up +
"&JumpType=15", "&JumpType=15",
imageUrl: this.details.AllPicList[0].TagPicList[0].Path imageUrl: this.details.AllPicList[0].TagPicList[0].Path ?
? this.details.AllPicList[0].TagPicList[0].Path this.details.AllPicList[0].TagPicList[0].Path :
: "", "",
}; };
}, },
onLoad(options) { onLoad(options) {
...@@ -606,21 +439,21 @@ export default { ...@@ -606,21 +439,21 @@ export default {
chooseSubscribeTicket(item) { chooseSubscribeTicket(item) {
this.showSubscribeTicketPop = true; this.showSubscribeTicketPop = true;
this.TicketID = item.Id; this.TicketID = item.Id;
if(item.TicketSubName){ let ticketName = "";
this.TicketName = item.TicketSubName + item.TicketName; if (item.TicketSubName) {
} else { ticketName += item.TicketSubName;
this.TicketName = item.TicketName;
} }
if (item.TicketName) {
console.log('sss',item) ticketName += item.TicketName;
}
this.TicketName = ticketName;
}, },
//获取详情 //获取详情
getDetail() { getDetail() {
uni.showLoading({ uni.showLoading({
title: "加载中...", title: "加载中...",
}); });
this.request2( this.request2({
{
url: "/api/AppletDining/GetTicketCouponsDetails", url: "/api/AppletDining/GetTicketCouponsDetails",
data: { data: {
ID: this.ID, ID: this.ID,
...@@ -647,8 +480,7 @@ export default { ...@@ -647,8 +480,7 @@ export default {
}, },
// 根据景点id与指定日期获取门票列表信息 // 根据景点id与指定日期获取门票列表信息
getDetailByDate() { getDetailByDate() {
this.request2( this.request2({
{
url: "/api/AppletDining/GetTicketCouponsTicketList", url: "/api/AppletDining/GetTicketCouponsTicketList",
data: { data: {
ID: this.ID, ID: this.ID,
...@@ -669,11 +501,11 @@ export default { ...@@ -669,11 +501,11 @@ export default {
scroll(e) { scroll(e) {
this.titleStyle.opacity = this.titleStyle.opacity =
e.detail.scrollTop - 100 < 0 e.detail.scrollTop - 100 < 0 ?
? 0 0 :
: Math.floor(e.detail.scrollTop - 100) / 100 > 1 Math.floor(e.detail.scrollTop - 100) / 100 > 1 ?
? 1 1 :
: Math.floor(e.detail.scrollTop - 100) / 100; Math.floor(e.detail.scrollTop - 100) / 100;
this.tooltipShow = false; this.tooltipShow = false;
this.$forceUpdate(); this.$forceUpdate();
}, },
...@@ -746,8 +578,7 @@ export default { ...@@ -746,8 +578,7 @@ export default {
this.nearbyType = t; this.nearbyType = t;
}, },
getGoodsprice(date) { getGoodsprice(date) {
this.request2( this.request2({
{
url: "/api/AppletDining/GetMonthTicketList", url: "/api/AppletDining/GetMonthTicketList",
data: { data: {
TicketID: 0, TicketID: 0,
...@@ -785,8 +616,7 @@ export default { ...@@ -785,8 +616,7 @@ export default {
}, },
//获取推荐景点 //获取推荐景点
getRecomHotel() { getRecomHotel() {
this.request2( this.request2({
{
url: "/api/AppletDining/GetTicketCouponsPage", url: "/api/AppletDining/GetTicketCouponsPage",
data: { data: {
pageIndex: 1, pageIndex: 1,
...@@ -834,16 +664,16 @@ export default { ...@@ -834,16 +664,16 @@ export default {
} }
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.banner-img { .banner-img {
width: 750rpx; width: 750rpx;
height: 500rpx; height: 500rpx;
} }
.ticket-title-bar { .ticket-title-bar {
line-height: 45px !important; line-height: 45px !important;
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
...@@ -858,81 +688,81 @@ export default { ...@@ -858,81 +688,81 @@ export default {
align-items: center; align-items: center;
background-color: #f6f6f6; background-color: #f6f6f6;
padding-left: 6rpx; padding-left: 6rpx;
} }
.label-b { .label-b {
height: 20px; height: 20px;
padding: 0 3px; padding: 0 3px;
font-size: 13px; font-size: 13px;
color: #fff; color: #fff;
border-radius: 4px; border-radius: 4px;
font-weight: bold; font-weight: bold;
} }
.brand-xinx { .brand-xinx {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 15px; margin-top: 15px;
} }
.brand-xinx-item { .brand-xinx-item {
width: 33%; width: 33%;
font-size: 17px; font-size: 17px;
} }
.brand-xinx-item-m { .brand-xinx-item-m {
font-size: 12px; font-size: 12px;
color: #a4a4a4; color: #a4a4a4;
margin: 10px 0; margin: 10px 0;
} }
.brand-xinx-item-t { .brand-xinx-item-t {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
font-weight: bold; font-weight: bold;
} }
.brand-x { .brand-x {
width: 100%; width: 100%;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
margin-top: 18px; margin-top: 18px;
} }
.brand-x-l { .brand-x-l {
font-size: 13px; font-size: 13px;
color: #a4a4a4; color: #a4a4a4;
width: 130rpx; width: 130rpx;
} }
.brand-x-r { .brand-x-r {
font-size: 13px; font-size: 13px;
color: #1f1f1f; color: #1f1f1f;
line-height: 20px; line-height: 20px;
font-family: PingFang SC; font-family: PingFang SC;
width: calc(100vw - 40px - 130rpx); width: calc(100vw - 40px - 130rpx);
} }
.brand-title { .brand-title {
width: 134rpx; width: 134rpx;
margin-top: 30px; margin-top: 30px;
} }
.brand-title image { .brand-title image {
width: 100%; width: 100%;
height: auto; height: auto;
} }
.Listbox { .Listbox {
width: 100%; width: 100%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
margin-top: 10px; margin-top: 10px;
} }
.Listbox-item { .Listbox-item {
width: 25%; width: 25%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
...@@ -940,21 +770,21 @@ export default { ...@@ -940,21 +770,21 @@ export default {
height: 170rpx; height: 170rpx;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.Listbox-item image { .Listbox-item image {
width: 74rpx; width: 74rpx;
height: auto; height: auto;
} }
.list-item-text { .list-item-text {
width: calc(100vw / 4); width: calc(100vw / 4);
margin-top: 5px; margin-top: 5px;
text-align: center; text-align: center;
font-size: 12rpx; font-size: 12rpx;
} }
.no-data { .no-data {
.no-data-img { .no-data-img {
width: 180rpx; width: 180rpx;
height: 240rpx; height: 240rpx;
...@@ -970,9 +800,9 @@ export default { ...@@ -970,9 +800,9 @@ export default {
color: #999999; color: #999999;
margin-top: 20rpx; margin-top: 20rpx;
} }
} }
.baseinfo { .baseinfo {
padding: 30rpx 45rpx; padding: 30rpx 45rpx;
.info1 { .info1 {
...@@ -1115,19 +945,20 @@ export default { ...@@ -1115,19 +945,20 @@ export default {
line-height: 44rpx; line-height: 44rpx;
display: flex; display: flex;
align-items: center; align-items: center;
.icon { .icon {
margin-left: 10rpx; margin-left: 10rpx;
} }
} }
} }
} }
.empty { .empty {
height: 20rpx; height: 20rpx;
background-color: #ecf1f4; background-color: #ecf1f4;
} }
.ticket-title { .ticket-title {
// width: 70rpx; // width: 70rpx;
height: 50rpx; height: 50rpx;
font-size: 34rpx; font-size: 34rpx;
...@@ -1150,9 +981,9 @@ export default { ...@@ -1150,9 +981,9 @@ export default {
z-index: 1; z-index: 1;
opacity: 0.6; opacity: 0.6;
} }
} }
.ticket-info { .ticket-info {
padding: 50rpx 45rpx; padding: 50rpx 45rpx;
.ticket-navs { .ticket-navs {
...@@ -1322,9 +1153,9 @@ export default { ...@@ -1322,9 +1153,9 @@ export default {
border-bottom: none !important; border-bottom: none !important;
margin-bottom: 0rpx !important; margin-bottom: 0rpx !important;
} }
} }
.comment-box { .comment-box {
padding: 50rpx 45rpx; padding: 50rpx 45rpx;
.score-box { .score-box {
...@@ -1350,13 +1181,13 @@ export default { ...@@ -1350,13 +1181,13 @@ export default {
} }
} }
} }
} }
.detail-box { .detail-box {
padding: 50rpx; padding: 50rpx;
} }
.detail-box .nearby-type { .detail-box .nearby-type {
padding: 0 16rpx; padding: 0 16rpx;
height: 40rpx; height: 40rpx;
line-height: 40rpx; line-height: 40rpx;
...@@ -1367,18 +1198,18 @@ export default { ...@@ -1367,18 +1198,18 @@ export default {
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #1f1f1f; color: #1f1f1f;
} }
.detail-box .nearby-type.active { .detail-box .nearby-type.active {
color: #dfbe6e; color: #dfbe6e;
background: rgba(223, 190, 110, 0.2); background: rgba(223, 190, 110, 0.2);
} }
.big-title { .big-title {
position: relative; position: relative;
} }
.big-title::before { .big-title::before {
display: block; display: block;
width: 71rpx; width: 71rpx;
height: 12rpx; height: 12rpx;
...@@ -1390,22 +1221,22 @@ export default { ...@@ -1390,22 +1221,22 @@ export default {
left: 0; left: 0;
bottom: 6rpx; bottom: 6rpx;
z-index: 1; z-index: 1;
} }
.big-title text { .big-title text {
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
color: #1f1f1f; color: #1f1f1f;
position: relative; position: relative;
z-index: 2; z-index: 2;
} }
.flex { .flex {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.nearby-type { .nearby-type {
padding: 0 16rpx; padding: 0 16rpx;
height: 40rpx; height: 40rpx;
...@@ -1416,17 +1247,17 @@ export default { ...@@ -1416,17 +1247,17 @@ export default {
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
color: #1f1f1f; color: #1f1f1f;
} }
.active { .active {
color: #dfbe6e; color: #dfbe6e;
background: rgba(223, 190, 110, 0.2); background: rgba(223, 190, 110, 0.2);
} }
.name-ali { .name-ali {
// #ifdef MP-ALIPAY // #ifdef MP-ALIPAY
box-sizing: border-box; box-sizing: border-box;
padding-left: 30rpx; padding-left: 30rpx;
// #endif // #endif
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment