dm
This commit is contained in:
parent
b493dca8ac
commit
0de4b5b6d9
@ -5,15 +5,21 @@
|
|||||||
<view v-if="item.index!=2">
|
<view v-if="item.index!=2">
|
||||||
<image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image>
|
<image :src="item.acImg" mode="widthFix" v-show="tabBarShow === index"></image>
|
||||||
<image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image>
|
<image :src="item.img" mode="widthFix" v-show="tabBarShow != index"></image>
|
||||||
|
<!-- background: (index == 2) ? 'red' : '' -->
|
||||||
<view :class="(tabBarShow === index) ? 'action' :'no'">{{item.name}}</view>
|
<view :class="(tabBarShow === index) ? 'action' :'no'">{{item.name}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="item.index==2" class="protrude-button">
|
<view v-if="item.index==2" style="text-align: center;">
|
||||||
<image :src="item.acImg" mode="widthFix"
|
<image :src="item.img" mode="widthFix"
|
||||||
style="border-radius: 50%;width: 120rpx;height: 120rpx"></image>
|
style="border-radius: 50%;width: 102rpx;height: 102rpx;"></image>
|
||||||
|
<!-- background: (index == 2) ? 'red' : '' -->
|
||||||
|
<!-- <view :class="(tabBarShow === index) ? 'action' :'no'" style="height: 64rpx;line-height: 64rpx;">
|
||||||
|
{{item.name}}</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="protrude-button-bg"></view>
|
|
||||||
<view v-if="isOverall==1" style="height: 100rpx;position: fixed;bottom: 0;width: 100%;background-color: #ffffff;"></view>
|
<view v-if="isOverall==1" style="height: 100rpx;position: fixed;bottom: 0;width: 100%;background-color: #ffffff;"></view>
|
||||||
|
<!-- <span class="badge" v-if="number != 0">
|
||||||
|
<u-badge type="warning " max="99" :value="number"></u-badge>
|
||||||
|
</span> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -235,12 +241,11 @@
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100rpx;
|
height: 111rpx;
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
background-color: #fff;
|
background: url('/static/bottom_tab.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.07);
|
|
||||||
border-top: 1px solid #EEEEEE;
|
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -276,27 +281,6 @@
|
|||||||
font-size: 20rpx;
|
font-size: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.protrude-button {
|
|
||||||
text-align: center;
|
|
||||||
position: absolute;
|
|
||||||
bottom: 15rpx;
|
|
||||||
border-radius: 50%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.protrude-button-bg {
|
|
||||||
position: absolute;
|
|
||||||
top: -20rpx;
|
|
||||||
width: 120rpx;
|
|
||||||
height: 60rpx;
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 60rpx 60rpx 0 0;
|
|
||||||
border-top: 1px solid #eeeeee;
|
|
||||||
z-index: 105;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-list_ip {
|
.tab-list_ip {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -304,10 +288,10 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 160rpx;
|
height: 160rpx;
|
||||||
padding-bottom: 50rpx;
|
padding-bottom: 50rpx;
|
||||||
|
background: url('/static/bottom_tab.png') no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
background-color: #fff;
|
|
||||||
border-top: 1px solid #eeeeee;
|
|
||||||
|
|
||||||
// box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
|
// box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
|
||||||
.list {
|
.list {
|
||||||
@ -324,6 +308,7 @@
|
|||||||
width: 44rpx;
|
width: 44rpx;
|
||||||
height: 44rpx;
|
height: 44rpx;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
|
margin-top: 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
text {
|
text {
|
||||||
|
@ -35,7 +35,7 @@
|
|||||||
@click.stop="toMap(info.detail.latitude, info.detail.longitude, info.detail.address_detail)">
|
@click.stop="toMap(info.detail.latitude, info.detail.longitude, info.detail.address_detail)">
|
||||||
<view class="flex" style="align-items: center;">
|
<view class="flex" style="align-items: center;">
|
||||||
<image src="/static/center/address.png" mode="" class="icon-size"></image>
|
<image src="/static/center/address.png" mode="" class="icon-size"></image>
|
||||||
<text>{{ info.detail.address_detail }}</text>
|
<text>{{ info.detail.address }}{{ info.detail.address_detail }}</text>
|
||||||
</view>
|
</view>
|
||||||
<image src="/static/detail/daohang.png" class="icon-size" style="width: 48rpx; height: 48rpx;">
|
<image src="/static/detail/daohang.png" class="icon-size" style="width: 48rpx; height: 48rpx;">
|
||||||
</image>
|
</image>
|
||||||
@ -102,7 +102,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="third flex flex-column" style="justify-content: flex-start;">
|
<view v-if="info.before_status!=-3" class="third flex flex-column" style="justify-content: flex-start;">
|
||||||
<view class="third-center">
|
<view class="third-center">
|
||||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
|
<view class="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
|
||||||
<text>退款数量</text>
|
<text>退款数量</text>
|
||||||
@ -146,7 +146,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
||||||
<text>退款数量</text>
|
<text>退款数量</text>
|
||||||
<text style="color: #323232;">{{ info.auth_num }}</text>
|
<text v-if="info.before_status!=-3" style="color: #323232;">{{ info.auth_num }}</text>
|
||||||
|
<text v-if="info.before_status==-3" style="color: #323232;">{{ info.num }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
||||||
<text>退款金额</text>
|
<text>退款金额</text>
|
||||||
|
@ -549,9 +549,12 @@ export default {
|
|||||||
icon: 'none',
|
icon: 'none',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
});
|
});
|
||||||
|
setTimeout(()=>{
|
||||||
uni.redirectTo({
|
uni.redirectTo({
|
||||||
url: '/packageA/my/success?id=' + this.orderInfo.id + '&order_no=' + this.orderInfo.order_no
|
url: '/packageA/my/success?id=' + this.orderInfo.id + '&order_no=' + this.orderInfo.order_no
|
||||||
})
|
})
|
||||||
|
},1500)
|
||||||
|
|
||||||
},
|
},
|
||||||
openUrl(url) {
|
openUrl(url) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
@ -1,14 +1,15 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="detail_all">
|
<view class="detail_all">
|
||||||
<view class="nav">
|
<view class="nav">
|
||||||
<u-navbar :is-back="true" leftIconColor="#000000" :autoBack="true" :bgColor="background"
|
<u-navbar :is-back="true" leftIconColor="#000000" :autoBack="true" :bgColor="background" title="详情"
|
||||||
title="详情" :titleStyle="{color:'#000000',fontSize:'32rpx'}"></u-navbar>
|
:titleStyle="{color:'#000000',fontSize:'32rpx'}"></u-navbar>
|
||||||
</view>
|
</view>
|
||||||
<view class="box flex justify-start flex-column align-items" :class="overlay ? 'no-scroll' : ''">
|
<view class="box flex justify-start flex-column align-items" :class="overlay ? 'no-scroll' : ''">
|
||||||
<view class="swiper">
|
<view class="swiper">
|
||||||
<u-swiper :list="detail.images" indicator indicatorInactiveColor="#D8D8D8"
|
<u-swiper :list="detail.images" indicator indicatorInactiveColor="#D8D8D8"
|
||||||
indicatorActiveColor="#323232" indicatorMode="dot" :indicator-style="{ bottom: '60rpx', zIndex: 999 }"
|
indicatorActiveColor="#323232" indicatorMode="dot"
|
||||||
height="580rpx" circular @click="swiperImg"></u-swiper>
|
:indicator-style="{ bottom: '60rpx', zIndex: 999 }" height="580rpx" circular
|
||||||
|
@click="swiperImg"></u-swiper>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="con-center w-100 flex justify-center flex-column align-items flex-start">
|
<view class="con-center w-100 flex justify-center flex-column align-items flex-start">
|
||||||
@ -40,8 +41,7 @@
|
|||||||
<view class="flex justify-center align-items xieyi">
|
<view class="flex justify-center align-items xieyi">
|
||||||
<image src="/static/detail/baohu.png" mode=""
|
<image src="/static/detail/baohu.png" mode=""
|
||||||
style="width: 28rpx;height: 28rpx;margin-right: 0;"></image>
|
style="width: 28rpx;height: 28rpx;margin-right: 0;"></image>
|
||||||
<view
|
<view style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
|
||||||
style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
|
|
||||||
detail.refund_info.title }}</view>
|
detail.refund_info.title }}</view>
|
||||||
<image src="/static/detail/zidong.png" mode=""
|
<image src="/static/detail/zidong.png" mode=""
|
||||||
style="width: 20rpx;height: 20rpx;margin-right: 0;"></image>
|
style="width: 20rpx;height: 20rpx;margin-right: 0;"></image>
|
||||||
@ -56,7 +56,8 @@
|
|||||||
<span class="first-image flex align-items"
|
<span class="first-image flex align-items"
|
||||||
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
|
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
|
||||||
<image src="/static/center/address.png" mode="" class="icon-size"></image>
|
<image src="/static/center/address.png" mode="" class="icon-size"></image>
|
||||||
<span style="width: 590rpx;padding-right: 20rpx;">{{ detail.address }}{{ detail.address_detail }}</span>
|
<span
|
||||||
|
style="width: 590rpx;padding-right: 20rpx;">{{ detail.address }}{{ detail.address_detail }}</span>
|
||||||
<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;">
|
<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;">
|
||||||
</image>
|
</image>
|
||||||
</span>
|
</span>
|
||||||
@ -101,7 +102,8 @@
|
|||||||
<view class="flex align-items" style="justify-content: space-between;">
|
<view class="flex align-items" style="justify-content: space-between;">
|
||||||
<view class="">
|
<view class="">
|
||||||
<view style="font-size: 28rpx;color: #323232;">{{ item.name }}</view>
|
<view style="font-size: 28rpx;color: #323232;">{{ item.name }}</view>
|
||||||
<view style="font-size: 24rpx;color: #9C9C9C;margin-top: 10rpx;">身份证号:{{ item.idnum }}
|
<view style="font-size: 24rpx;color: #9C9C9C;margin-top: 10rpx;">
|
||||||
|
身份证号:{{ item.idnum }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="">
|
<view class="">
|
||||||
@ -151,7 +153,8 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="third flex flex-column" style="justify-content: flex-start;padding-top: 20rpx;">
|
<view class="third flex flex-column"
|
||||||
|
style="justify-content: flex-start;padding-top: 20rpx;padding-bottom: 200rpx;">
|
||||||
<view class="third-top flex align-items">
|
<view class="third-top flex align-items">
|
||||||
<span>活动详情
|
<span>活动详情
|
||||||
<image class="icons" src="/static/detail/xiangqing.png"></image>
|
<image class="icons" src="/static/detail/xiangqing.png"></image>
|
||||||
@ -168,7 +171,9 @@
|
|||||||
|
|
||||||
|
|
||||||
<view class="footer" style="display: flex;align-items: center;;justify-content: space-between;gap: 30rpx;">
|
<view class="footer" style="display: flex;align-items: center;;justify-content: space-between;gap: 30rpx;">
|
||||||
<view v-if="(detail.status == 1 ||detail.status == 2 || detail.status == 3 || detail.status == 4) && detail.auth_status==1" @click="overlayShow()" style="width: 220rpx;height: 90rpx;">
|
<view
|
||||||
|
v-if="(detail.status == 1 ||detail.status == 2 || detail.status == 3 || detail.status == 4) && detail.auth_status==1"
|
||||||
|
@click="overlayShow()" style="width: 220rpx;height: 90rpx;">
|
||||||
<image src="@/static/detail/fenxiangsys.png" style="width: 100%;height: 100%;" mode="widthFix">
|
<image src="@/static/detail/fenxiangsys.png" style="width: 100%;height: 100%;" mode="widthFix">
|
||||||
</image>
|
</image>
|
||||||
</view>
|
</view>
|
||||||
@ -353,12 +358,19 @@ export default {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
onShareAppMessage() {
|
||||||
|
console.log(this.detail);
|
||||||
|
return {
|
||||||
|
title: this.detail.title, //分享的标题
|
||||||
|
imageUrl: this.detail.images[0], //展示的图片,这里是本地路径的写法,也可以写http或https开头的图片路径
|
||||||
|
path: `/packageA/center/detail?id=${this.id}`
|
||||||
|
}
|
||||||
|
},
|
||||||
onShareTimeline() {
|
onShareTimeline() {
|
||||||
return {
|
return {
|
||||||
title: this.detail.title, //分享的标题
|
title: this.detail.title, //分享的标题
|
||||||
imageUrl: this.detail.headimage, //展示的图片,这里是本地路径的写法,也可以写http或https开头的图片路径
|
imageUrl: this.detail.headimage, //展示的图片,这里是本地路径的写法,也可以写http或https开头的图片路径
|
||||||
query: `id=${this.id}`
|
query: `/packageA/center/detail?id=${this.id}`
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -1680,7 +1692,6 @@ export default {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.no-border-button {
|
.no-border-button {
|
||||||
@ -1706,7 +1717,6 @@ export default {
|
|||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #999999;
|
color: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
.rich_class {
|
.rich_class {
|
||||||
|
@ -138,7 +138,8 @@
|
|||||||
<text v-if="server_status==6"
|
<text v-if="server_status==6"
|
||||||
style="color: #FF4810;font-weight: 600;">¥{{ item.real_refundprice }}</text>
|
style="color: #FF4810;font-weight: 600;">¥{{ item.real_refundprice }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view style="font-size: 26rpx;color: #9C9C9C;">数量:{{ item.auth_num }}</view>
|
<view v-if="item.before_status==-3" style="font-size: 26rpx;color: #9C9C9C;">数量:{{ item.num }}</view>
|
||||||
|
<view v-if="item.before_status!=-3" style="font-size: 26rpx;color: #9C9C9C;">数量:{{ item.auth_num }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -40,7 +40,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <u-loadmore :status="loadStatus" nomoreText="已经到底啦~"/> -->
|
<!-- <u-loadmore :status="loadStatus" nomoreText="已经到底啦~"/> -->
|
||||||
<view class="flex flex-column flex-start align-items" v-else>
|
<view class="flex flex-column flex-start align-items" v-else style="margin-top: 600rpx;">
|
||||||
<image src="/static/message/message.png" mode="" style="width: 256rpx;height: 240rpx;">
|
<image src="/static/message/message.png" mode="" style="width: 256rpx;height: 240rpx;">
|
||||||
</image>
|
</image>
|
||||||
<view>暂无消息~</view>
|
<view>暂无消息~</view>
|
||||||
|
@ -503,6 +503,8 @@ export default {
|
|||||||
onLoad() {
|
onLoad() {
|
||||||
// this.tofb();
|
// this.tofb();
|
||||||
// this.searchStatus()
|
// this.searchStatus()
|
||||||
|
|
||||||
|
uni.hideShareMenu();
|
||||||
this.getAgreement()
|
this.getAgreement()
|
||||||
this.getBqList();
|
this.getBqList();
|
||||||
this.getrefund_list();
|
this.getrefund_list();
|
||||||
|
@ -896,22 +896,22 @@
|
|||||||
|
|
||||||
</style>
|
</style>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.serch_top {
|
// .serch_top {
|
||||||
.u-search {
|
// .u-search {
|
||||||
|
|
||||||
::v-deep .u-search__content {
|
// ::v-deep .u-search__content {
|
||||||
background: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
// background: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
||||||
}
|
// }
|
||||||
|
|
||||||
::v-deep .u-search__content__input {
|
// ::v-deep .u-search__content__input {
|
||||||
background-color: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
// background-color: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
||||||
}
|
// }
|
||||||
|
|
||||||
::v-deep .u-icon__img {
|
// ::v-deep .u-icon__img {
|
||||||
width: 36rpx !important;
|
// width: 36rpx !important;
|
||||||
height: 36rpx !important;
|
// height: 36rpx !important;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
|
||||||
</style>
|
</style>
|
Loading…
x
Reference in New Issue
Block a user