<template>
	<view>
		<view class="header">
			<view class="title">
				新手攻略
			</view>

		</view>
		<view class="strategy-list">

			<view class="strategy-item">
				<view>
					<image class="image" src="../../static/images/material/s1.jpg" mode="scaleToFill"></image>
				</view>
				<view class="title">
					怎样参加砍价活动？
				</view>
			</view>

		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.header {
		margin: 20upx;
		background: white;
		text-align: center;
		border-radius: 20upx;

		.title {
			height: 100upx;
			font-size: 32upx;
			line-height: 100upx;
			font-weight: bold;
		}
	}

	.strategy-list {


		.strategy-item {
			border-radius: 10upx;
			margin: 20upx;
			background: white;
			// padding: 20upx;
			overflow: hidden;

			.image {
				width: 710upx;
				height: 302upx;

			}

			.title {
				padding: 20upx;
				padding-top: 15upx;
				font-size: 28upx;
			}
		}
	}
</style>
