You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
3.4 KiB
125 lines
3.4 KiB
2 years ago
|
<template>
|
||
|
|
<HeaderNav title="2023.5.3订单" :is-back="true"></HeaderNav>
|
||
|
|
<view class="body-background" :style="{
|
||
|
|
backgroundImage:'url('+staticImage.wallpaperBgImage+')'
|
||
|
|
}"></view>
|
||
|
|
<view class="app-wallpaper">
|
||
|
|
<view class="detail-container" :style="{height:windowHeihgt-40+'px'}">
|
||
|
|
<view class="detail-content-container">
|
||
|
|
<view class="detail-content">
|
||
|
|
<view class="chat-item other-chat row">
|
||
|
|
<view class="chat-item-content row">
|
||
|
|
<view class="chat-avator ">
|
||
|
|
<image mode="aspectFill" class="img" :src="user.avatar" />
|
||
|
|
</view>
|
||
|
|
<view class="chat-content-container ">
|
||
|
|
<view class="chat-time">2023/06/16 13:24</view>
|
||
|
|
<view class="chat-content">是按您预约时间上门服务吗</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="chat-item my-chat row">
|
||
|
|
<view class="chat-item-content row">
|
||
|
|
<view class="chat-content-container ">
|
||
|
|
<view class="chat-time">2023/06/16 13:24</view>
|
||
|
|
<view class="chat-content">是的，您按预约时间上门就可以了</view>
|
||
|
|
</view>
|
||
|
|
<view class="chat-avator ">
|
||
|
|
<image mode="aspectFill" class="img" :src="user.avatar" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="chat-item other-chat row">
|
||
|
|
<view class="chat-item-content row">
|
||
|
|
<view class="chat-avator ">
|
||
|
|
<image mode="aspectFill" class="img" :src="user.avatar" />
|
||
|
|
</view>
|
||
|
|
<view class="chat-content-container ">
|
||
|
|
<view class="chat-time">2023/06/16 13:24</view>
|
||
|
|
<view class="chat-content">好的，您家狗狗脾气如何呀</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="chat-item my-chat row">
|
||
|
|
<view class="chat-item-content row">
|
||
|
|
<view class="chat-content-container ">
|
||
|
|
<view class="chat-time">2023/06/16 13:24</view>
|
||
|
|
<view class="chat-content">狗狗脾气很好，不用担心</view>
|
||
|
|
</view>
|
||
|
|
<view class="chat-avator ">
|
||
|
|
<image mode="aspectFill" class="img" :src="user.avatar" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="detail-input-group-container">
|
||
|
|
<view class="detail-input-group row">
|
||
|
|
<input class="detail-input" type="text"/>
|
||
|
|
<MzButton
|
||
|
|
title="发送"
|
||
|
|
font-color="#fff"
|
||
|
|
button-color="#4DC3B8"
|
||
|
|
button-width="auto"
|
||
|
|
class="detail-input-button">
|
||
|
|
</MzButton>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="detail-background-container">
|
||
|
|
<view class="detail-background"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import {
|
||
|
|
imghost
|
||
|
|
} from '../../config/host.js'
|
||
|
|
import api from '../../utils/functions.js';
|
||
|
|
import HeaderNav from '../../components/HeaderNav/Index.vue';
|
||
|
|
import MzButton from '../../components/MzButton/Index.vue';
|
||
|
|
export default {
|
||
|
|
components: {
|
||
|
|
HeaderNav,
|
||
|
|
MzButton
|
||
|
|
},
|
||
|
|
data: {
|
||
|
|
windowHeihgt: 1000,
|
||
|
|
staticImage: {
|
||
|
|
wallpaperBgImage: imghost + '/static/image/background.png',
|
||
|
|
},
|
||
|
|
user: {
|
||
|
|
avatar: imghost + '/static/image/banner.png',
|
||
|
|
nickname: '清晨的风',
|
||
|
|
background: imghost + '/static/image/banner.png',
|
||
|
|
sex: '女',
|
||
|
|
phone: '15012345678',
|
||
|
|
coupons: 221,
|
||
|
|
id: 88685,
|
||
|
|
birthday: '2002-05-11',
|
||
|
|
},
|
||
|
|
},
|
||
|
|
onLoad() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
|
||
|
|
},
|
||
|
|
onPageScroll(res) {
|
||
|
|
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
this.windowHeihgt = api.navHeight().windowHeihgt;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss">
|
||
|
|
@import './components/index.scss';
|
||
|
|
</style>
|