hhred/pages/applic/toorange.vue

<template>
	<view class="content">
		<view class="box">
			<view class="box-1">
				<!-- <a href="http://www.rcsccod.cn/zcfg/20070331/699764.htm" title="人体器官移植条例"> -->
				<a href="http://www.gov.cn/zhengce/2020-12/27/content_5573654.htm" title="人体器官移植条例">
					<!-- <navigator url="/pages/applic/toknowledge"> -->
					<view class="img">
						<image src="../../static/img/timg02.jpeg" mode=""></image>
					</view>
					<view class="title">
						国务院《人体器官移植条例》
					</view>
				</a>
				<!-- </navigator> -->
			</view>

			<view class="box-1">
				<navigator url="/pages/applic/article">
					<view class="img">
						<image src="../../static/img/timg.jpeg"></image>
					</view>
					<view class="title">
						《器官捐献 生命永续》
					</view>
				</navigator>
			</view>

			<view class="box-1">
				<a href="https://register.codac.org.cn/wx/html/notice.htm" title="器官捐赠">
					<view class="img">
						<image src="../../static/img/jx.jpg"></image>
					</view>
					<view class="title">
						人体捐献器官登记表
					</view>
				</a>
			</view>


		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.content {
		background-color: #F8F8F8;
		padding-bottom: 44rpx;

		.box {
			padding: 0 24rpx;

			.box-1 {
				margin-top: 24rpx;
				width: 100%;
				height: 442rpx;
				background-color: #FFFFFF;
				border-radius: 16rpx;

				.img {
					width: 100%;
					height: 300rpx;

					// border-radius: 16rpx 16rpx 0 0;
					image {
						border-radius: 16rpx 16rpx 0 0;
						width: 100%;

						height: 300rpx;
					}
				}

				.title {
					height: 142rpx;
					padding-left: 24rpx;
					line-height: 142rpx;
					font-size: 34rpx;
				}

				a {
					text-decoration: none;
					color: #333;
				}
			}
		}
	}
</style>