company_website/src/views/ProjectDetail/Project4Zh.vue

51 lines
1.1 KiB
Vue

<!-- src/views/ProjectDetail/Project4Zh.vue -->
<template>
<div class="container">
<!-- 物料管理页面 -->
<h2>物料管理页面</h2>
<img :src="img1" alt="物料管理页面">
<!-- 工艺管理页面 -->
<h2>工艺管理页面</h2>
<img :src="img2" alt="工艺管理页面">
<!-- 设备保养页面 -->
<h2>设备保养页面</h2>
<img :src="img3" alt="设备保养页面">
<!-- 生产管理页面 -->
<h2>生产管理页面</h2>
<img :src="img4" alt="生产管理页面">
</div>
</template>
<script setup>
import img1 from '@/assets/project4/project4-1.png'
import img2 from '@/assets/project4/project4-2.png'
import img3 from '@/assets/project4/project4-3.png'
import img4 from '@/assets/project4/project4-3.png'
// 可选:定义组件名(仅用于调试)
defineOptions({
name: 'Project4Zh'
})
</script>
<style scoped>
.container {
padding: 20px;
font-family: Arial, sans-serif;
}
h1, h2, h3 {
color: #333;
}
img {
max-width: 100%;
height: auto;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 4px;
}
</style>