jingcai/pages/index/information.vue

<template>
	<view class="content">
		<view class="list" @click="navigator">
			<image class="img" src="../../static/img/zixun1.png" mode=""></image>
			<view class="text">
				互娛遊戲玩法介紹
			</view>
		</view>
		<view class="">xian</view>
		<view class="list" @click="navigatorT"> 
			<image class="img" src="../../static/img/zixun2.png" mode=""></image>
			<view class="text">
				互娛遊戲推廣計劃
			</view>
		</view>
		<view class="">xian</view>
		<view class="list" @click="navigatorY">
			<image class="img" src="../../static/img/zixun3.png" mode=""></image>
			<view class="text">
				互娛遊戲舉例
			</view>
		</view>
		<view class="">xian</view>
		<view class="list" @click="navigatorH">
			<image class="img" src="../../static/img/zixun4.png" mode=""></image>
			<view class="text">
				互娛共享
			</view>
		</view>
		<view class="">xian</view>
		
		<view class="tit">
			項目亮點
		</view>
		<image class="img" src="../../static/img/zixun5.png" mode="" ></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {
			navigator() {
				uni.navigateTo({
					url: '/pages/introduce/introduce'
				})
			},
			navigatorT() {
				uni.navigateTo({
					url: '/pages/promotion/promotion'
				})
			},
			navigatorY() {
				uni.navigateTo({
					url: '/pages/game/game'
				})
			},
			navigatorH() {
				uni.switchTab({
					url: '/pages/entertainment/entertainment'
				})
			},
		}
	};
</script>

<style lang="scss">
.content{
	width: 750rpx;
	height: 1800rpx;
	background-color: #000000;
}

.list {
	height: 180rpx;
	display: flex;
	justify-content: start;
	.img {
		margin-left: 30rpx;
		margin-top: 20rpx;
		width: 200rpx;
		height: 160rpx;
	}
	.text {
		margin-left: 15rpx;
		margin-top: 30rpx;
		// width: 237rpx;
		height: 29rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 39rpx;
	}
}
	
	

.tit {
	margin-top: 40rpx;
	margin-left: 279rpx;
	// width: 191rpx;
	height: 46rpx;
	font-size: 49rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 21rpx;
}

.img {
	margin-top: 26rpx;
	margin-left: 11rpx;
	width: 728rpx;
	height: 538rpx;
}
</style>