mabao/pages/service_packs/introduce.vue

<template>
	<view class="container">
		<view class="body">
			<image src="https://zhengda.oss-cn-chengdu.aliyuncs.com/baoma/static/竖占位图.png" class="img"></image>
		</view>
		<view class="footer">
			<view class="cu-bar bg-white tabbar border shop" style="width: 100%;">
				<button class="action" open-type="contact" style="width: 33%;">
					<view class="cuIcon-service text-green">
					</view>
					客服
				</button>
				<view class="submit" @click="next" style="background-color: #0B73B9; color: #FFFFFF;">选购服务包</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			next(e){
				uni.navigateTo({
					url: '/pages/service_packs/choicepacks'
				});
			}
						
		}
	}
</script>

<style lang="scss">
	.container {
		width: 100%;
		height: 100%;
		background-color: #F6F6F6;
	}

	.body {
		width: 100%;
		height: 100%;

		.img {
			width: 94%;
			height: 88vh;
			margin: 3% 3%;
		}
	}

	.footer {
		width: 100%;
		height: auto;
		display: flex;
		position: fixed;
		bottom: 0;
	}
</style>