v3-lab-xcx/pages/views/saoCode/chemicalsInstructionsVideo.vue

<template>
	<view id="chemicalsInstructionsVideo">
		<view class="max-big-video-box">
			<video class="video-box"
			src="https://labcontrol.nwafu.edu.cn//statics/2025/03/21/a367d265-c780-4e8e-a137-95524368beec.mp4"></video>
			<view class="video-title-p">化学品存储</view>
		</view>
		<view class="max-big-video-box">
			<video class="video-box"
			 src="https://labcontrol.nwafu.edu.cn//statics/2025/03/21/24b9d6fd-d158-4405-bae2-575ad066da34.mp4"></video>
			<view class="video-title-p">化学品领用</view>
		</view>
		<view class="max-big-video-box">
			<video class="video-box"
			 src="https://labcontrol.nwafu.edu.cn//statics/2025/03/21/1102689d-51ae-40e9-83df-60dddb08d8ce.mp4"></video>
			<view class="video-title-p">化学品归还</view>
		</view>
		<view class="max-big-video-box">
			<video class="video-box"
			 src="https://labcontrol.nwafu.edu.cn//statics/2025/03/21/02e4d8b8-ea65-4c36-ad33-00a334a834ed.mp4"></video>
			<view class="video-title-p">化学品废弃</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "chemicalsInstructionsVideo",
		data() {
			return {
				
			}
		},
		onLoad(option) {
			
		},
		mounted() {

		},

		methods: {
			
		},
	}
</script>

<style lang="stylus" scoped>
	#chemicalsInstructionsVideo {
		background-color: #EBEBEB;
		padding:40rpx 0;
		.max-big-video-box{
			width:690rpx;
			margin:0 30rpx 40rpx;
			background-color: #fff;
			border-radius:20rpx;
			overflow: hidden;
			.video-box{
				width:690rpx;
				height:300rpx;
			}
			.video-title-p{
				height:76rpx;
				line-height:70rpx;
				font-size:30rpx;
				color:#333;
				padding-left:20rpx;
			}
		}
	}
</style>