front-end/hdApp/src/pagesPurchase/bookReadMe.vue

<template>
	<view class="app-content">
		<view class="list">
			<view>
				<image mode="widthFix" :src="`${constant.imgUrl}/ghs/a_hr_before.jpg?v=3`" style="widht:100%;"></image>
			</view>
            <view>
				<image class="image" :src="`${constant.imgUrl}/ghs/b_hr_after1.jpg?v=3`" mode="widthFix"></image>
				<image class="image" :src="`${constant.imgUrl}/ghs/b_hr_after2.jpg?v=3`" mode="widthFix"></image>
			</view>
		</view>
		<view style="text-align:center;margin-top:40upx;">
			<button class="admin-button-com big default go-back" style="width:260upx;" @click="goBack()">返回</button>
		</view>
	</view>
</template>
<script>
export default {
	name: "book-what",
	components: {
	},
	mixins: [],
	data() {
		return {
			shopId:0
		};
	},
	onLoad(){
		this.shopId = this.option.shopId
	},
	methods: {
		init(){

		},
		goBack(){
			uni.navigateBack()
		},
		toPhone(phone){
			uni.makePhoneCall({ phoneNumber: phone })
		}
	}
};
</script>
<style lang="scss" scoped>
.app-content{
	padding:20upx 20upx 60upx 20upx;
	background-color: white;
    .title{
		font-weight: bold;
		font-size:36upx;
		margin-bottom:22upx;
	}
	.smallTitle{
		font-weight: bold;
		font-size:30upx;
		font-weight: bold;
		margin:25upx 0 25upx 0;
	}
	.info{
    	font-size:32upx;
		margin-bottom:20upx;
	}
	.image{
		width:100%;
		margin-bottom:20upx;
	}
	.video{
		margin:0 auto;
        text-align: center;
		margin-bottom:10upx;
	}
	.book-button{
		margin-bottom:15upx;
	}
	.go-back{
		margin:0 auto;
	}
}
</style>