H5-Merchant/pages/index/bottombat.vue

<template>
	<view class="cashier">

		<web-view :webview-styles="webviewStyles" :src="url"></web-view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				url:""
			}
		},
		onLoad(options) {
			
			let type = uni.getStorageSync('agreementType')
			this.url= 'https://api.hebeiyhc.com/api/agreement?type=' + type
			
			console.log('url = ',this.url)
		},
		methods: {

		}
	}
</script>
<style>
	page {
		background-color: #F7F8FC;
	}
</style>

<style lang="scss" scoped>
	.activite {
		color: #1F7CFF;
	}

	.content {
		width: 686rpx;
		background-color: #1F7CFF;
		color: red;
	}

	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		color: #333333;
	}

	.scroll-view-item_H {
		display: inline-block;
		width: 20%;
		height: 30rpx;
		line-height: 30rpx;
		text-align: center;
		padding: 28rpx 0 38rpx 0;
		font-size: 32rpx;
	}

	.cashier {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;

		.cashier-bottom {
			width: 100%;
			height: 171rpx;
			position: fixed;
			bottom: 0;
			display: flex;
			justify-content: space-around;
			align-items: flex-start;
			background-color: #FFFFFF;

			.cashier-bottom-yi {
				height: 70rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: center;

				.cashier-bottom-yi-top {
					width: 40rpx;
					height: 40rpx;

					image {
						width: 100%;
						height: 100%;
					}
				}

				.cashier-bottom-yi-bot {
					font-size: 20rpx;
					font-weight: 400;
				}
			}
		}
	}
</style>