xinelu-applet-ui/pagesC/ServiceAppointment/ServiceAppointment.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>