Commit b3302852 authored by 潘永坪's avatar 潘永坪

售票页面样式处理

parent 43d75e25
...@@ -110,7 +110,7 @@ export default { ...@@ -110,7 +110,7 @@ export default {
height: 70rpx; height: 70rpx;
line-height: 70rpx; line-height: 70rpx;
font-size:28rpx; font-size:28rpx;
border-radius:16rpx; border-radius:12rpx;
text-align: center; text-align: center;
} }
//中等按钮 //中等按钮
......
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<view class="middle"> <view class="middle">
<!-- 景区介绍 --> <!-- 景区介绍 -->
<view class="introduce"> <view class="introduce">
<view class="middle-title"> <view class="middle-title" v-if="detailData.introduce">
介绍 介绍
</view> </view>
<view v-html="detailData.introduce"> <view v-html="detailData.introduce">
...@@ -189,9 +189,6 @@ export default { ...@@ -189,9 +189,6 @@ export default {
font-weight: bold; font-weight: bold;
padding-bottom: 24rpx; padding-bottom: 24rpx;
} }
.introduce image{
width: 100%;
}
.opentime{ .opentime{
padding: 30rpx 16rpx; padding: 30rpx 16rpx;
background: #fff; background: #fff;
......
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<view v-if="showDistance" class="title-right"> <view v-if="showDistance" class="title-right">
距您{{ item.distance ? parseFloat((item.distance / 1000).toFixed(2)) : 0 }}km 距您{{ item.distance ? parseFloat((item.distance / 1000).toFixed(2)) : 0 }}km
<u-icon name="arrow-right" style="margin-left: 4rpx;"></u-icon> <u-icon name="arrow-right" style="margin-left: 4rpx;" size='26' color='#B4B4B4'></u-icon>
</view> </view>
</view> </view>
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<text class="product-rule"> 无需取票 </text> <text class="product-rule"> 无需取票 </text>
<text @click.stop="showBuyKnow(items)">购买须知</text> <text @click.stop="showBuyKnow(items)">购买须知</text>
<u-icon name="arrow-right"></u-icon> <u-icon name="arrow-right" size='26' color='#B4B4B4'></u-icon>
</view> </view>
<view> <view>
<text class="product-orange"> ¥{{ items.originalPrice }} </text> <text class="product-orange"> ¥{{ items.originalPrice }} </text>
...@@ -73,14 +73,14 @@ ...@@ -73,14 +73,14 @@
</label> </label>
<view class="product-more" v-if="index > 0 && item.productList.length > 2"> <view class="product-more" v-if="index > 0 && item.productList.length > 2">
<view style="display: flex;justify-content: center;" v-if="item.productListCopy.length != item.productList.length" @click="showMoreProduct(item)"> <view v-if="item.productListCopy.length != item.productList.length" @click="showMoreProduct(item)">
更多 更多
<u-icon name="arrow-down"></u-icon> <u-icon name="arrow-down" size='24' color='#B4B4B4'></u-icon>
</view> </view>
<view style="display: flex;justify-content: center;" v-else @click="retractProduct(item)"> <view v-else @click="retractProduct(item)">
收起 收起
<u-icon name="arrow-up"></u-icon> <u-icon name="arrow-up" size='24' color='#B4B4B4'></u-icon>
</view> </view>
</view> </view>
</view> </view>
...@@ -323,9 +323,10 @@ export default { ...@@ -323,9 +323,10 @@ export default {
this.showSuodaoImg = false this.showSuodaoImg = false
}, 2500) }, 2500)
} }
//清空之前选中的数据 //清空之前选中的数据以及状态
this.detailData='' this.detailData=''
this.chooseProduct=[] this.chooseProduct=[]
this.$refs.detail.showPop = false
let token = uni.getStorageSync('token') let token = uni.getStorageSync('token')
if (token) { if (token) {
uni.getLocation({ uni.getLocation({
...@@ -395,6 +396,11 @@ export default { ...@@ -395,6 +396,11 @@ export default {
this.$request('scenic/user/merchant/findDetailInfo',data).then((res)=>{ this.$request('scenic/user/merchant/findDetailInfo',data).then((res)=>{
if(res.code=='00'){ if(res.code=='00'){
this.detailData=res.data this.detailData=res.data
//解决详情里面图片太宽超出屏幕宽度出现滚动条的问题
if(this.detailData.introduce){
this.detailData.introduce=this.detailData.introduce.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
}
}else{ }else{
uni.showToast({ uni.showToast({
title: res.message, title: res.message,
...@@ -635,21 +641,19 @@ export default { ...@@ -635,21 +641,19 @@ export default {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: #fff; background: #f7f7f7;
} }
.middle { .middle {
padding: 0 24rpx 100rpx 24rpx; padding: 0 24rpx 100rpx 24rpx;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// flex: 1; // flex: 1;
background: #f7f7f7;
} }
.swiper-box { .swiper-box {
// flex: 1; // flex: 1;
position: relative; position: relative;
top: -40rpx; top: -40rpx;
} }
.tabbar { .tabbar {
transition:1s; transition:1s;
width: 100%; width: 100%;
...@@ -724,7 +728,7 @@ export default { ...@@ -724,7 +728,7 @@ export default {
display: flex; display: flex;
} }
.product { .product {
padding: 10rpx 16rpx; padding:16rpx 16rpx 10rpx 16rpx;
background: #ffffff; background: #ffffff;
border-radius: 8rpx; border-radius: 8rpx;
display: flex; display: flex;
...@@ -750,7 +754,6 @@ export default { ...@@ -750,7 +754,6 @@ export default {
.product-status { .product-status {
padding: 6rpx 12rpx; padding: 6rpx 12rpx;
border: 2px solid #f40000; border: 2px solid #f40000;
background: #ffffff;
color: #f40000; color: #f40000;
font-size: 24rpx; font-size: 24rpx;
border-radius: 4rpx; border-radius: 4rpx;
...@@ -787,10 +790,13 @@ export default { ...@@ -787,10 +790,13 @@ export default {
margin-left: 10rpx; margin-left: 10rpx;
} }
.product-more { .product-more {
padding: 10rpx; padding-top:24rpx;
text-align: center; font-size: 20rpx;
}
.product-more>view{
display: flex;
justify-content: center;
} }
.bottom { .bottom {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
......
...@@ -1596,6 +1596,7 @@ export default { ...@@ -1596,6 +1596,7 @@ export default {
margin-top: 20rpx; margin-top: 20rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
} }
.plus-list { .plus-list {
height: 70rpx; height: 70rpx;
...@@ -1617,7 +1618,7 @@ export default { ...@@ -1617,7 +1618,7 @@ export default {
.plus-list-last { .plus-list-last {
color: $theme; color: $theme;
background: #efefef; background: #efefef;
width: 170rpx; width: 200rpx;
border: none; border: none;
} }
.plus-list.on { .plus-list.on {
......
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