dm
This commit is contained in:
parent
b493dca8ac
commit
0de4b5b6d9
@ -5,15 +5,21 @@
|
||||
<view v-if="item.index!=2">
|
||||
<image :src="item.acImg" 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>
|
||||
<view v-if="item.index==2" class="protrude-button">
|
||||
<image :src="item.acImg" mode="widthFix"
|
||||
style="border-radius: 50%;width: 120rpx;height: 120rpx"></image>
|
||||
<view v-if="item.index==2" style="text-align: center;">
|
||||
<image :src="item.img" mode="widthFix"
|
||||
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 class="protrude-button-bg"></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>
|
||||
</template>
|
||||
@ -235,12 +241,11 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100rpx;
|
||||
height: 111rpx;
|
||||
padding-bottom: 0;
|
||||
background-color: #fff;
|
||||
background: url('/static/bottom_tab.png') no-repeat;
|
||||
background-size: 100%;
|
||||
box-sizing: border-box;
|
||||
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.07);
|
||||
border-top: 1px solid #EEEEEE;
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
@ -276,27 +281,6 @@
|
||||
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 {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
@ -304,10 +288,10 @@
|
||||
width: 100%;
|
||||
height: 160rpx;
|
||||
padding-bottom: 50rpx;
|
||||
background: url('/static/bottom_tab.png') no-repeat;
|
||||
background-size: 100%;
|
||||
box-sizing: border-box;
|
||||
z-index: 100;
|
||||
background-color: #fff;
|
||||
border-top: 1px solid #eeeeee;
|
||||
|
||||
// box-shadow: 0rpx -1rpx 0rpx 0rpx #EEEEEE;
|
||||
.list {
|
||||
@ -324,6 +308,7 @@
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
background-color: white;
|
||||
margin-top: 12rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
|
@ -35,7 +35,7 @@
|
||||
@click.stop="toMap(info.detail.latitude, info.detail.longitude, info.detail.address_detail)">
|
||||
<view class="flex" style="align-items: center;">
|
||||
<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>
|
||||
<image src="/static/detail/daohang.png" class="icon-size" style="width: 48rpx; height: 48rpx;">
|
||||
</image>
|
||||
@ -102,7 +102,7 @@
|
||||
</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="flex w-100 space-between hui align-items" style="margin-top: 8rpx;">
|
||||
<text>退款数量</text>
|
||||
@ -146,7 +146,8 @@
|
||||
</view>
|
||||
<view class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
||||
<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 class="flex w-100 space-between hui align-items" style="margin-top: 40rpx;">
|
||||
<text>退款金额</text>
|
||||
|
@ -549,9 +549,12 @@ export default {
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
setTimeout(()=>{
|
||||
uni.redirectTo({
|
||||
url: '/packageA/my/success?id=' + this.orderInfo.id + '&order_no=' + this.orderInfo.order_no
|
||||
})
|
||||
},1500)
|
||||
|
||||
},
|
||||
openUrl(url) {
|
||||
uni.navigateTo({
|
||||
|
@ -1,14 +1,15 @@
|
||||
<template>
|
||||
<view class="detail_all">
|
||||
<view class="nav">
|
||||
<u-navbar :is-back="true" leftIconColor="#000000" :autoBack="true" :bgColor="background"
|
||||
title="详情" :titleStyle="{color:'#000000',fontSize:'32rpx'}"></u-navbar>
|
||||
<u-navbar :is-back="true" leftIconColor="#000000" :autoBack="true" :bgColor="background" title="详情"
|
||||
:titleStyle="{color:'#000000',fontSize:'32rpx'}"></u-navbar>
|
||||
</view>
|
||||
<view class="box flex justify-start flex-column align-items" :class="overlay ? 'no-scroll' : ''">
|
||||
<view class="swiper">
|
||||
<u-swiper :list="detail.images" indicator indicatorInactiveColor="#D8D8D8"
|
||||
indicatorActiveColor="#323232" indicatorMode="dot" :indicator-style="{ bottom: '60rpx', zIndex: 999 }"
|
||||
height="580rpx" circular @click="swiperImg"></u-swiper>
|
||||
indicatorActiveColor="#323232" indicatorMode="dot"
|
||||
:indicator-style="{ bottom: '60rpx', zIndex: 999 }" height="580rpx" circular
|
||||
@click="swiperImg"></u-swiper>
|
||||
</view>
|
||||
|
||||
<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">
|
||||
<image src="/static/detail/baohu.png" mode=""
|
||||
style="width: 28rpx;height: 28rpx;margin-right: 0;"></image>
|
||||
<view
|
||||
style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
|
||||
<view style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
|
||||
detail.refund_info.title }}</view>
|
||||
<image src="/static/detail/zidong.png" mode=""
|
||||
style="width: 20rpx;height: 20rpx;margin-right: 0;"></image>
|
||||
@ -56,7 +56,8 @@
|
||||
<span class="first-image flex align-items"
|
||||
@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
|
||||
<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>
|
||||
</span>
|
||||
@ -101,7 +102,8 @@
|
||||
<view class="flex align-items" style="justify-content: space-between;">
|
||||
<view class="">
|
||||
<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 class="">
|
||||
@ -151,7 +153,8 @@
|
||||
</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">
|
||||
<span>活动详情
|
||||
<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 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>
|
||||
</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() {
|
||||
return {
|
||||
title: this.detail.title, //分享的标题
|
||||
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;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
<style scoped>
|
||||
.no-border-button {
|
||||
@ -1706,7 +1717,6 @@ export default {
|
||||
font-size: 28rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style>
|
||||
.rich_class {
|
||||
|
@ -138,7 +138,8 @@
|
||||
<text v-if="server_status==6"
|
||||
style="color: #FF4810;font-weight: 600;">¥{{ item.real_refundprice }}</text>
|
||||
</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>
|
||||
|
@ -40,7 +40,7 @@
|
||||
</view>
|
||||
</view>
|
||||
<!-- <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>
|
||||
<view>暂无消息~</view>
|
||||
|
@ -503,6 +503,8 @@ export default {
|
||||
onLoad() {
|
||||
// this.tofb();
|
||||
// this.searchStatus()
|
||||
|
||||
uni.hideShareMenu();
|
||||
this.getAgreement()
|
||||
this.getBqList();
|
||||
this.getrefund_list();
|
||||
|
@ -896,22 +896,22 @@
|
||||
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.serch_top {
|
||||
.u-search {
|
||||
// .serch_top {
|
||||
// .u-search {
|
||||
|
||||
::v-deep .u-search__content {
|
||||
background: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
||||
}
|
||||
// ::v-deep .u-search__content {
|
||||
// background: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
||||
// }
|
||||
|
||||
::v-deep .u-search__content__input {
|
||||
background-color: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
||||
}
|
||||
// ::v-deep .u-search__content__input {
|
||||
// background-color: rgba($color: #FFFFFF, $alpha: 0.6) !important;
|
||||
// }
|
||||
|
||||
::v-deep .u-icon__img {
|
||||
width: 36rpx !important;
|
||||
height: 36rpx !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
// ::v-deep .u-icon__img {
|
||||
// width: 36rpx !important;
|
||||
// height: 36rpx !important;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
</style>
|
Loading…
x
Reference in New Issue
Block a user