|
|
|
@ -1,7 +1,7 @@
|
|
|
|
|
<template> |
|
|
|
|
<HeaderNav title="订单详情" :is-back="true"></HeaderNav> |
|
|
|
|
<view class="body-background"> |
|
|
|
|
<u-image @click="showBigImage(item.url)" :src="staticImage.orderDetailBackground" width="100%" height="100vh"></u-image> |
|
|
|
|
<u-image :src="staticImage.orderDetailBackground" width="100%" height="100vh"></u-image> |
|
|
|
|
</view> |
|
|
|
|
<view class="app-wallpaper"> |
|
|
|
|
|
|
|
|
@ -24,7 +24,8 @@
|
|
|
|
|
<!-- </view>--> |
|
|
|
|
</view> |
|
|
|
|
<view class="order-card-left col-12"> |
|
|
|
|
<u-image @click="showBigImage(item.url)" class="img" mode="aspectFill" width="100%" height="350" :src="detail.pet_avatar" radius="26" custom-style="border:3rpx solid #262626"></u-image> |
|
|
|
|
<u-swiper :list="detail.avatar_array" height="350" radius="26" custom-style="border:3rpx solid #262626" img-mode="aspectFill"></u-swiper> |
|
|
|
|
<!-- <u-image @click="showBigImage(detail.pet_avatar)" class="img" mode="aspectFill" width="100%" height="350" :src="detail.pet_avatar" radius="26" custom-style="border:3rpx solid #262626"></u-image>--> |
|
|
|
|
</view> |
|
|
|
|
<view class="order-card-right col-12"> |
|
|
|
|
<view class="order-card-title" style=""> |
|
|
|
@ -56,13 +57,7 @@
|
|
|
|
|
button-color="#F7E1C3" |
|
|
|
|
button-width="255rpx"></MzButton> |
|
|
|
|
</view> |
|
|
|
|
<view class="card-button" @click="navTo('/pages/FeedLog/index?pet_id=' + detail.pet_id)"> |
|
|
|
|
<MzButton |
|
|
|
|
title="喂养档案" |
|
|
|
|
font-color="#FFFFFF" |
|
|
|
|
button-color="#4DC3B8" |
|
|
|
|
button-width="255rpx"></MzButton> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -77,7 +72,7 @@
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="pet-detail-bottom-container"> |
|
|
|
|
<view class="pet-detail-bottom-container" v-for="row in detail.pet_list"> |
|
|
|
|
<view class="pet-detail-container"> |
|
|
|
|
<view class="pet-detail-gun col"> |
|
|
|
|
<image class="img" mode="heightFix" :src="staticImage.petGun"/> |
|
|
|
@ -106,7 +101,7 @@
|
|
|
|
|
{{detail.no}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-item row" v-if="detail.lock_type_name"> |
|
|
|
|
<view class="content-item row" v-if="row.lock_type_name"> |
|
|
|
|
<view class="item-icon"> |
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/> |
|
|
|
|
</view> |
|
|
|
@ -117,7 +112,7 @@
|
|
|
|
|
{{detail.lock_type_name}} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-item row" v-if="detail.open_info"> |
|
|
|
|
<view class="content-item row" v-if="row.open_info"> |
|
|
|
|
<view class="item-icon"> |
|
|
|
|
<image class="img" mode="widthFix" :src="staticImage.petName"/> |
|
|
|
|
</view> |
|
|
|
@ -148,10 +143,10 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="item-content col-12"> |
|
|
|
|
<view class="order-card-tag-container row"> |
|
|
|
|
<view class="order-card-tag">{{ detail.pet_name }}</view> |
|
|
|
|
<view class="order-card-tag">{{ detail.pet_age }}岁</view> |
|
|
|
|
<view class="order-card-tag">{{ detail.pet_weight }}kg</view> |
|
|
|
|
<view class="order-card-tag">{{ detail.pet_sex }}</view> |
|
|
|
|
<view class="order-card-tag">{{ row.name }}</view> |
|
|
|
|
<view class="order-card-tag">{{ row.pet_age }}岁</view> |
|
|
|
|
<view class="order-card-tag">{{ row.weight }}kg</view> |
|
|
|
|
<view class="order-card-tag">{{ row.pet_sex }}</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
@ -161,7 +156,7 @@
|
|
|
|
|
|
|
|
|
|
<view class="video-content"> |
|
|
|
|
<view class="video-content-container"> |
|
|
|
|
<video class="img" mode="aspectFill" :src="detail.pet_video" style="width:220rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video> |
|
|
|
|
<video class="img" mode="aspectFill" :src="row.video" style="width:220rpx;border-radius: 16rpx;border:2rpx solid #262626;"></video> |
|
|
|
|
</view> |
|
|
|
|
<view class="video-content-background"></view> |
|
|
|
|
</view> |
|
|
|
@ -169,7 +164,7 @@
|
|
|
|
|
<view class="row col" style="padding:15rpx 30rpx 15rpx 0rpx;"> |
|
|
|
|
<view class="content-container col" style="position: relative;height:100%;width:100%;"> |
|
|
|
|
<view class="content" style="box-sizing:border-box;padding:25rpx;position:absolute;height:100%;width:100%;left:0;top:0;z-index: 2;border:2rpx solid #262626;border-radius: 16rpx;background-color:#F6F6F6;"> |
|
|
|
|
<u-text :text="detail.pet_remarks" color="#263233" size="28"></u-text> |
|
|
|
|
<u-text :text="row.pet_remarks" color="#263233" size="28"></u-text> |
|
|
|
|
</view> |
|
|
|
|
<view class="content-background" style="position:absolute;top:10rpx;left:10rpx;z-index:1;border:2rpx solid #262626;border-radius: 16rpx;width:100%;height:100%;"> |
|
|
|
|
|
|
|
|
@ -178,7 +173,13 @@
|
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<view class="card-button" @click="navTo('/pages/FeedLog/index?pet_id=' + row.id)" style="justify-content: center;display:flex;padding:30rpx 0;"> |
|
|
|
|
<MzButton |
|
|
|
|
title="喂养档案" |
|
|
|
|
font-color="#FFFFFF" |
|
|
|
|
button-color="#4DC3B8" |
|
|
|
|
button-width="255rpx"></MzButton> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="pet-detail-background"></view> |
|
|
|
|