NurseStationApp/App.vue

<script>
	export default {
		onLaunch: function() {},
		onShow: function() {},
		onHide: function() {}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	@import "uview-ui/index.scss";

	page {
		background-color: #F4F5F7;
	}

	.app {
		width: 100%;
		height: 100%;
		// position: relative;
		color: #000000;
		padding: 30rpx 0 150rpx 0;

		.cards {
			width: 94%;
			box-shadow: 0px 0px 30rpx 0px rgba(108, 99, 255, 0.16);
			background-color: #fff;
			margin: 0 auto;
			display: flex;
			justify-content: space-evenly;
			flex-wrap: wrap;
			padding: 40rpx 0 200rpx 0;
			border-radius: 25rpx;

			.item {
				width: 43%;
				height: 300rpx;
				margin-bottom: 40rpx;
				border-radius: 25rpx;
				position: relative;

				.title {
					width: 70%;
					text-align: center;
					font-size: 46rpx;
					color: #FCFCFC;
					position: absolute;
					top: 58%;
					left: 50%;
					transform: translateX(-50%);
				}

				image {
					width: 100rpx;
					height: 100rpx;
					position: absolute;
					top: 20%;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
	}
</style>