|
|
|
@ -3,49 +3,73 @@ |
|
|
|
<navbar leftClick @leftClick="$utils.navigateBack" title="详情" /> |
|
|
|
|
|
|
|
<view class="swipe"> |
|
|
|
<uv-swiper |
|
|
|
:list="detail.images" |
|
|
|
indicator |
|
|
|
height="420rpx"></uv-swiper> |
|
|
|
<uv-swiper :list="detail.images" indicator height="540rpx"></uv-swiper> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="box"> |
|
|
|
|
|
|
|
<view class="title"> |
|
|
|
{{ detail.name }} |
|
|
|
<view class="spot"> |
|
|
|
3A景区 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="createBy"> |
|
|
|
<view class=""> |
|
|
|
发布时间：{{ $dayjs(detail.createTime).format('YYYY-MM-DD') }} |
|
|
|
<view class="pig"> |
|
|
|
江华同志故居，位于永州市江华瑶族自治县大石桥... |
|
|
|
</view> |
|
|
|
<hr /> |
|
|
|
<view class="mie"> |
|
|
|
<view class="dog"> |
|
|
|
开园时间 8：30-17.30 |
|
|
|
</view> |
|
|
|
<view class="look"> |
|
|
|
入园须知 |
|
|
|
</view> |
|
|
|
|
|
|
|
<uv-icon name="arrow-right"></uv-icon> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<hr /> |
|
|
|
<!-- <view class="createBy"> |
|
|
|
<view class=""> |
|
|
|
// 发布时间：{{ $dayjs(detail.createTime).format('YYYY-MM-DD') }} |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- <view class="createBy"> |
|
|
|
<view class=""> |
|
|
|
地址：{{ detail.address }} |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<addressSpot |
|
|
|
:address="detail.address" |
|
|
|
:latitude="detail.latitude" |
|
|
|
:longitude="detail.longitude" |
|
|
|
/> |
|
|
|
<view class="ditu"> |
|
|
|
<view class="weizhi"> |
|
|
|
湖南省永州市大石桥镇 |
|
|
|
</view> |
|
|
|
<addressSpot :address="detail.address" :latitude="detail.latitude" :longitude="detail.longitude" /> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="content"> |
|
|
|
<!-- <view class="content"> |
|
|
|
<uv-parse :content="detail.details"></uv-parse> |
|
|
|
</view> --> |
|
|
|
<view class="convenient"> |
|
|
|
<view class="Evaluate "> |
|
|
|
景区评论 |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="Details"> |
|
|
|
景区详情 |
|
|
|
</view> |
|
|
|
<view class="Gohere"> |
|
|
|
去这里 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<commentList |
|
|
|
@getData="getData" |
|
|
|
:list="list" |
|
|
|
:params="params" |
|
|
|
/> |
|
|
|
|
|
|
|
</view> |
|
|
|
<commentList @getData="getData" :list="list" :params="params" /> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -60,27 +84,28 @@ |
|
|
|
data() { |
|
|
|
return { |
|
|
|
detail: {}, |
|
|
|
mixinsListApi : 'getCommentPage', |
|
|
|
params : { |
|
|
|
type : '3', |
|
|
|
orderId : '', |
|
|
|
name : '', |
|
|
|
mixinsListApi: 'getCommentPage', |
|
|
|
params: { |
|
|
|
type: '3', |
|
|
|
orderId: '', |
|
|
|
name: '', |
|
|
|
}, |
|
|
|
id : 0, |
|
|
|
id: 0, |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options) { |
|
|
|
// this.$route.query的参数 |
|
|
|
console.log(options) |
|
|
|
this.id = options.id |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.queryParams.type = this.params.type |
|
|
|
this.queryParams.orderId = options.id |
|
|
|
|
|
|
|
|
|
|
|
this.params.orderId = options.id |
|
|
|
}, |
|
|
|
onPullDownRefresh(){ |
|
|
|
onPullDownRefresh() { |
|
|
|
this.getDetail() |
|
|
|
}, |
|
|
|
onShow() { |
|
|
|
@ -93,16 +118,19 @@ |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
click(item) { |
|
|
|
console.log('item', item); |
|
|
|
}, |
|
|
|
getDetail() { |
|
|
|
this.$api('getScenicDetail', { |
|
|
|
id : this.id |
|
|
|
id: this.id |
|
|
|
}, res => { |
|
|
|
uni.stopPullDownRefresh() |
|
|
|
if (res.code == 200) { |
|
|
|
this.params.name = res.result.name |
|
|
|
|
|
|
|
|
|
|
|
this.detail = res.result |
|
|
|
|
|
|
|
|
|
|
|
this.detail.images = res.result.images && res.result.images.split(',') |
|
|
|
} |
|
|
|
}) |
|
|
|
@ -118,10 +146,51 @@ |
|
|
|
width: 100vw; |
|
|
|
background-color: #fff; |
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
.title { |
|
|
|
display: flex; |
|
|
|
font-size: 34rpx; |
|
|
|
font-weight: 600; |
|
|
|
color: #000; |
|
|
|
|
|
|
|
.spot { |
|
|
|
margin: 0rpx 20rpx; |
|
|
|
padding: 5rpx; |
|
|
|
background-color: $uni-color; |
|
|
|
border-radius: 10rpx; |
|
|
|
color: #fff; |
|
|
|
font-size: 30rpx; |
|
|
|
letter-spacing: 5rpx; |
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.pig { |
|
|
|
margin: 50rpx 0rpx; |
|
|
|
font-size: 25rpx; |
|
|
|
color: $uni-color; |
|
|
|
} |
|
|
|
|
|
|
|
.mie { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
|
|
.dog { |
|
|
|
margin: 30rpx 0rpx; |
|
|
|
font-size: 25rpx; |
|
|
|
color: $uni-color; |
|
|
|
} |
|
|
|
|
|
|
|
.look { |
|
|
|
margin: 30rpx 0rpx; |
|
|
|
margin-left: 320rpx; |
|
|
|
font-size: 25rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
hr { |
|
|
|
opacity: 0.5; |
|
|
|
} |
|
|
|
|
|
|
|
.createBy { |
|
|
|
@ -140,6 +209,17 @@ |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.ditu { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
.weizhi { |
|
|
|
font-size: 25rpx; |
|
|
|
margin-top: 25rpx; |
|
|
|
opacity: 0.7; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.controls { |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
@ -149,5 +229,32 @@ |
|
|
|
font-size: 28rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
.convenient { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
padding: 10rpx 20rpx; |
|
|
|
margin-top: 20rpx; |
|
|
|
|
|
|
|
.Evaluate:hover { |
|
|
|
text-decoration: underline; |
|
|
|
text-decoration-color: $uni-color; |
|
|
|
text-decoration-thickness: 8rpx; |
|
|
|
text-decoration-widht: 100rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.Details:hover { |
|
|
|
text-decoration: underline; |
|
|
|
text-decoration-color: $uni-color; |
|
|
|
text-decoration-thickness: 8rpx; |
|
|
|
text-decoration-widht: 100rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.Gohere:hover { |
|
|
|
text-decoration: underline; |
|
|
|
text-decoration-color: $uni-color; |
|
|
|
text-decoration-thickness: 8rpx; |
|
|
|
text-decoration-widht: 100rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |
