weapp/pages/help/help.vue

<template>
	<view class="help">
		<custom-nav :title="pageTitle"></custom-nav>
		<view class="content">
			<scroll-view class="connect-scroll" scroll-y>
				<navigator hover-class="none" url="../howsignup/howsignup">
					<image class="fisrt" src="https://api.jiuweiyun.cn/public/uploads/icon/how-signup.png" mode="scaleToFill"></image>
				</navigator>
				<navigator hover-class="none" url="../howshare/howshare">
					<image src="https://api.jiuweiyun.cn/public/uploads/icon/how-share.png" mode="scaleToFill"></image>
				</navigator>
				<navigator hover-class="none" url="../howupload/howupload">
					<image src="https://api.jiuweiyun.cn/public/uploads/icon/how-upload.png" mode="scaleToFill"></image>
				</navigator>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageTitle: '帮助中心'
			};
		}
	}
</script>

<style lang="scss" scoped>
	.help {
		@include page();
		.content {
			border-top: $custom-nav-borderbot-height solid $custom-nav-borderbot-color;
			.connect-scroll {
				height: 100%;
				image {
					display: block;
					width: 656rpx;
					height: 301rpx;
					box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(127,127,127,0.2);
					border-radius: 20rpx;
					margin: 0 auto 20rpx;
					&.fisrt {
						margin-top: 28rpx;
					}
				}
			}
		}
	}
</style>