| xqd
@@ -73,13 +73,14 @@
|
|
|
<view class="navbar footer">
|
|
|
<view class="kefu flex">
|
|
|
<view class="">
|
|
|
- <button open-type="contact" style="background-color: transparent;border-style:none;border:0;padding: 0;line-height: 30rpx;">
|
|
|
+ <button open-type="contact"
|
|
|
+ style="background-color: transparent;border-style:none;border:0;padding: 0;line-height: 30rpx;">
|
|
|
<image src="../../static/travelD/service.png" mode="aspectFit"></image>
|
|
|
<view class="" style="font-size: 20rpx;color: rgba(255, 255, 255, 0.8);">
|
|
|
客服
|
|
|
</view>
|
|
|
</button>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
<view style="height: 50rpx;width: 1px;background-color:rgba(255, 255, 255, 0.5);margin:0 40rpx;"></view>
|
|
|
</view>
|
| xqd
@@ -95,11 +96,12 @@
|
|
|
</view>
|
|
|
<view class="kefu wxin flex">
|
|
|
<view class="">
|
|
|
- <button open-type="share" style="background-color: transparent;border-style:none;border:0;padding: 0;line-height: 30rpx;">
|
|
|
- <image src="../../static/travelD/share2.png" mode="aspectFit" class="icon"></image>
|
|
|
- <view class="" style="margin-top: 0rpx;font-size: 20rpx;color: rgba(255, 255, 255, 0.8);">
|
|
|
- 分享
|
|
|
- </view>
|
|
|
+ <button open-type="share"
|
|
|
+ style="background-color: transparent;border-style:none;border:0;padding: 0;line-height: 30rpx;">
|
|
|
+ <image src="../../static/travelD/share2.png" mode="aspectFit" class="icon"></image>
|
|
|
+ <view class="" style="margin-top: 0rpx;font-size: 20rpx;color: rgba(255, 255, 255, 0.8);">
|
|
|
+ 分享
|
|
|
+ </view>
|
|
|
</button>
|
|
|
</view>
|
|
|
<view style="height: 50rpx;width: 1px;background-color:rgba(255, 255, 255, 0.5);margin:0 40rpx;"></view>
|
| xqd
@@ -110,7 +112,8 @@
|
|
|
</view>
|
|
|
|
|
|
<u-popup :show="show" mode="bottom" @close="close" @open="open" closeIconPos
|
|
|
- :customStyle="{padding:'30rpx',borderRadius:'0px 56rpx 0px 0px'}" :zIndex="zindex" :safeAreaInsetBottom="true">
|
|
|
+ :customStyle="{padding:'30rpx',borderRadius:'0px 56rpx 0px 0px'}" :zIndex="zindex"
|
|
|
+ :safeAreaInsetBottom="true">
|
|
|
<view class="flex popupTop">
|
|
|
<view class="image">
|
|
|
<image :src="goodsInfo.cover_picture"></image>
|
| xqd
@@ -122,7 +125,7 @@
|
|
|
<view class="" style="font-size: 28rpx;color: #333333;">
|
|
|
{{choosedays?'已选':'请选择出发日期'}}:{{choosedays}}
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="day">
|
| xqd
@@ -131,10 +134,13 @@
|
|
|
</view>
|
|
|
<view class="" style="">
|
|
|
<u-tabs :list="month" @change="chooseDay" :activeStyle="{color: '#1E9F6A','font-weight': 'bold'}"
|
|
|
- :inactiveStyle="{color: 'rgba(51, 51, 51, 0.5)'}" lineColor="#1E9F6A" :scrollable="true" :key="index" lineWidth="48" lineHeight="4">
|
|
|
+ :inactiveStyle="{color: 'rgba(51, 51, 51, 0.5)'}" lineColor="#1E9F6A" :scrollable="true"
|
|
|
+ :key="index" lineWidth="48" lineHeight="4">
|
|
|
</u-tabs>
|
|
|
</view>
|
|
|
+
|
|
|
<view class="item">
|
|
|
+ <view class="more" v-if="days.length==0">暂无房型</view>
|
|
|
<view :class="dayindex==index?'day-item-active':'day-item'" v-for="item,index in days"
|
|
|
@click="dayItem(index,item)">
|
|
|
<view>
|
| xqd
@@ -145,7 +151,7 @@
|
|
|
{{item.week?item.week:''}}
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
+
|
|
|
<view class="" style="font-size: 26rpx;font-weight: 600;">
|
|
|
¥{{item.min_price}}
|
|
|
</view>
|
| xqd
@@ -153,7 +159,7 @@
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
- <view class="navbars" @click="isshow = true;zindex=10070">
|
|
|
+ <view class="navbars" @click="openShow()">
|
|
|
<view class="price">
|
|
|
¥{{price}}
|
|
|
</view>
|
| xqd
@@ -237,17 +243,17 @@
|
|
|
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
- that=this
|
|
|
- if(options.id){
|
|
|
+ that = this
|
|
|
+ if (options.id) {
|
|
|
this.init(options.id)
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
- computed:{
|
|
|
- minprice(){
|
|
|
- let pr=0
|
|
|
- if(this.goodsInfo.min_price){
|
|
|
- pr=this.goodsInfo.min_price
|
|
|
+ computed: {
|
|
|
+ minprice() {
|
|
|
+ let pr = 0
|
|
|
+ if (this.goodsInfo.min_price) {
|
|
|
+ pr = this.goodsInfo.min_price
|
|
|
}
|
|
|
return pr
|
|
|
}
|
| xqd
@@ -257,17 +263,17 @@
|
|
|
this.scrollTop = e.scrollTop
|
|
|
},
|
|
|
// #ifdef MP
|
|
|
- onShareAppMessage(s= false){
|
|
|
- return this.$shareAppMessage({
|
|
|
- title: that.goodsInfo.name,
|
|
|
- imageUrl:"",
|
|
|
- path: "/pages/travel/travelDetails?id="+this.id,
|
|
|
-
|
|
|
- });
|
|
|
+ onShareAppMessage(s = false) {
|
|
|
+ return this.$shareAppMessage({
|
|
|
+ title: that.goodsInfo.name,
|
|
|
+ imageUrl: "",
|
|
|
+ path: "/pages/travel/travelDetails?id=" + this.id,
|
|
|
+
|
|
|
+ });
|
|
|
},
|
|
|
// #endif
|
|
|
methods: {
|
|
|
-
|
|
|
+
|
|
|
init(id) {
|
|
|
this.$showLoadding("加载中")
|
|
|
uni.$u.http.post('/api/good/show', {
|
| xqd
@@ -293,6 +299,17 @@
|
|
|
console.log(err)
|
|
|
})
|
|
|
},
|
|
|
+ openShow() {
|
|
|
+ if (this.dayindex >= 0) {
|
|
|
+ this.isshow = true
|
|
|
+ } else {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "请选择房型"
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ },
|
|
|
load() {
|
|
|
this.$refs.uReadMore.init();
|
|
|
},
|
| xqd
@@ -343,8 +360,7 @@
|
|
|
|
|
|
},
|
|
|
// 选择日期
|
|
|
- chooseDay(item,index) {
|
|
|
- console.log(item,7787)
|
|
|
+ chooseDay(item, index) {
|
|
|
this.days = item.days
|
|
|
},
|
|
|
// 切换标签
|
| xqd
@@ -390,7 +406,7 @@
|
|
|
// 生成海报
|
|
|
goposter() {
|
|
|
uni.navigateTo({
|
|
|
- url: "/pages/travel/poster?goodsInfo="+encodeURIComponent(JSON.stringify(this.goodsInfo))
|
|
|
+ url: "/pages/travel/poster?goodsInfo=" + encodeURIComponent(JSON.stringify(this.goodsInfo))
|
|
|
})
|
|
|
},
|
|
|
// 客服
|
| xqd
@@ -407,9 +423,11 @@
|
|
|
page {
|
|
|
background-color: #f4f4f4;
|
|
|
}
|
|
|
- .txtgray{
|
|
|
+
|
|
|
+ .txtgray {
|
|
|
color: #666666;
|
|
|
}
|
|
|
+
|
|
|
.model {
|
|
|
// height: 500rpx !important;
|
|
|
}
|
| xqd
@@ -489,10 +507,12 @@
|
|
|
z-index: 10000;
|
|
|
|
|
|
.kefu {
|
|
|
+
|
|
|
// width: 44rpx;
|
|
|
button::after {
|
|
|
- border: none;
|
|
|
- }
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
image {
|
|
|
width: 44rpx;
|
|
|
height: 44rpx;
|
| xqd
@@ -532,6 +552,7 @@
|
|
|
.popupTop {
|
|
|
padding-bottom: 24rpx;
|
|
|
color: #333333;
|
|
|
+
|
|
|
.image {
|
|
|
margin: 20rpx 20rpx 0 0;
|
|
|
}
|
| xqd
@@ -555,7 +576,7 @@
|
|
|
overflow: auto;
|
|
|
// flex-wrap: nowrap;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.day-item-active {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|