122 lines
3.0 KiB
Vue
122 lines
3.0 KiB
Vue
<template>
|
||
<!-- <Load></Load> -->
|
||
<!-- <ImgDetail ref='ImgDetailRef' :imgList="imgList" :imgIdx="imgIdx"></ImgDetail> -->
|
||
|
||
<Head>
|
||
<Title>{{ tdk.tdk_title }}</Title>
|
||
<Meta :content=tdk.tdk_keyword name="keywords" />
|
||
<Meta :content=tdk.tdk_description name="description" />
|
||
<Meta name="baidu-site-verification" content="" />
|
||
</Head>
|
||
<Header></Header>
|
||
<Carousel></Carousel>
|
||
|
||
|
||
<div class="Home-main">
|
||
|
||
|
||
<!-- 米尔产品 -->
|
||
<div class="product-big-box">
|
||
<div class="product-pos-box">
|
||
<div class="product-title-box">
|
||
<h1 class="product-title">米尔产品 </h1>
|
||
</div>
|
||
<div class="product-type-box">
|
||
<div v-for="idx in 4" class="product-typ-item">
|
||
ARM开发工具
|
||
</div>
|
||
</div>
|
||
<div class="product-content-box op0" data-animation="animate__animated animate__fadeInUp animate__animated_slow">
|
||
<div class="product-content-left-box"><img src="https://www.myir-tech.com/public/images/index/product_02.jpg?1">
|
||
</div>
|
||
<div class="product-content-right-box" style="">
|
||
<div class="product-content-right-intro">
|
||
米尔通过与ST，TI，NXP，全志，Microchip等芯片原厂保持深度密切合作，自主研发了系列应用于工业控制及物联网等相关领域的核心板和开发板等产品，帮助客户实现产品及方案的快速开发。
|
||
</div>
|
||
<div class="product-advantage-pos-box">
|
||
<div class="product-advantage-box" v-for="(item, idx) in 3">
|
||
<div class="product-advantage-img-box">
|
||
<img src="https://www.myir-tech.com/public/images/index/my_product_icon_04.png">
|
||
</div>
|
||
<div class="product-advantage-text">品质优良 性能卓越</div>
|
||
</div>
|
||
</div>
|
||
<div class="product-content-btn-box">
|
||
<el-button type="warning">查看产品</el-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
<!-- 图片预览示例 -->
|
||
<!-- <div class="top-show-box">
|
||
<img @click="handleImg(0)" :src=openImg1 alt="">
|
||
</div> -->
|
||
|
||
<Final></Final>
|
||
</template>
|
||
|
||
<script setup>
|
||
|
||
|
||
/** 基础变量 **/
|
||
let imgList = ref([])
|
||
let imgIdx = ref(0)
|
||
let ImgDetailRef = ref(null)
|
||
|
||
|
||
/**预对接的数据**/
|
||
let openImg1 = ref("/img/home/open/open1.png")
|
||
|
||
|
||
/**js常量的定义**/
|
||
|
||
|
||
|
||
|
||
/**js操控的逻辑变量**/
|
||
|
||
|
||
|
||
|
||
/**方法函数**/
|
||
|
||
// 预览图片
|
||
function handleImg(v) {
|
||
ImgDetailRef.value.showImgDetail()
|
||
imgIdx.value = v
|
||
}
|
||
|
||
|
||
/**
|
||
* 接口对接
|
||
*/
|
||
|
||
// 获取Tdk
|
||
let tdk = ref({})
|
||
useFetch('/api/tdk/getTdk', { params: { tdk_type: 1 } }).then(res => {
|
||
tdk.value = JSON.parse(res.data.value).data
|
||
})
|
||
|
||
|
||
|
||
/**onMounted**/
|
||
onMounted(() => {
|
||
// imgList.value.push(openImg1.value)
|
||
|
||
htmlAddAnimations({ tagDom: 'Home-main', preload: 1.3 })
|
||
})
|
||
/**export**/
|
||
defineExpose({
|
||
middleware: 'auth'
|
||
})
|
||
|
||
</script>
|
||
|
||
<style scoped src="~/assets/css/index/index.scss"></style>
|
||
<style scoped src="~/assets/css/index/media.scss"></style> |