yichael_zhongchuang_front_2/components/startLearning/learningAndExperiment/downloadInstruction.vue

<template>
	<view class='root'>
	<view class = 'top'>【下载安装说明】</view>
	<view class = 'first'>本实验采用了更具真实感与影像效果的虚幻引擎，需要通过PC客户端运行。文件大小约0.6G，在10M的主流网速下，预计在2分钟内完成下载</view>
	<view v-for="(obj,idx) in list" :key="idx">
		<view class = 'intro'>{{obj.text}}</view>
		<view v-if='obj.image!=0?1:0'>
			<image class = 'image' mode="widthFix" :src="obj.image"></image>	
		</view>
		
	</view>	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						'text':'1、下载完成后，将压缩包“影视现场实时特效创作实验客户端”解压',
						'image':require("../../../assets/startLearning/learningAndExperiment/downloadInstruction/1.png"),
					},
					{
						'text':'2、解压后，双击文件夹内的“影视现场实时特效创作实验客户端.exe”，运行客户端',
						'image':require("../../../assets/startLearning/learningAndExperiment/downloadInstruction/2.png"),
					},
					{
						'text':'3、首次使用需安装虚幻程序，弹出窗口选择是。',
						'image':require("../../../assets/startLearning/learningAndExperiment/downloadInstruction/3.png"),
					},
					{
						'text':'勾选下方方框，点击“Install”，安装完毕。',
						'image':require("../../../assets/startLearning/learningAndExperiment/downloadInstruction/4.png"),
					},
					{
						'text':'点击确定安装。',
						'image':0,
					},
					{
						'text':'安装完成，不用重新启动，直接点击"close"，关闭窗口。',
						'image':require("../../../assets/startLearning/learningAndExperiment/downloadInstruction/5.png"),
					},
					{
						'text':'4、再次双击“影视现场实时特效创作实验客户端.exe”，运行客户端。',
						'image':0,
					},
					{
						'text':'5、进入客户端界面。点击登录，输入国家ilab的账号及密码，若未注册，请点击注册，注册后回到客户端登录界面，输入并登录。',
						'image':0,
					},
				]
			}
		},
		methods: {
			
		}		
	}
</script>

<style lang="scss">
	.root{
		// border: 1px solid #B4B4B4;
	}
	.top{
		font-weight: 700;
		font-size: px2vw(22);
		line-height: px2vw(46);
	}
	.first{
		font-size: px2vw(22);
		line-height: px2vw(46);
	}
	.intro{
		font-size: px2vw(22);
		line-height: px2vw(46);
	}
	.image{
		width: 100%;
		border: 1px solid #B4B4B4;
	}
</style>