xinelu-applet-ui/pagesC/ServiceAppointment/ServiceAppointment.vue
2023-10-07 11:08:50 +08:00

67 lines
1.3 KiB
Vue

<template>
<view class="app">
<u-navbar :is-back="false" :background="background" class="u-navbar">
<image src="@/static/pagesB/fanhui.png" mode="" @tap="goprevious"></image>
<view class="title" @tap="goprevious">
服务预约
</view>
<view class="inputs">
<i class="icon"></i>
<input v-model="goodsName" type="text" name="" id="" class="input" placeholder="搜索服务"
placeholder-class="placeholder">
</view>
</u-navbar>
<view class="content">
<view class="big">大生化
</view>
<view class="servename">
高血压个性服务包
</view>
<view class="appoint" @tap="goapponint">
预约
</view>
</view>
<view class="content">
<view class="big">大生化
</view>
<view class="servename">
高血压个性服务包
</view>
<view class="appoint" @tap="goapponint">
预约
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
background: {
backgroundColor: '#26A888',
},
goodsName:'',
};
},
methods: {
goprevious() {
uni.navigateBack({
delta: 1
})
},
goapponint() {
uni.navigateTo({
url: '/pagesC/appointmenttime/appointmenttime'
})
}
},
}
</script>
<style lang="scss">
@import './ServiceAppointment.scss'
</style>