116 lines
2.2 KiB
Vue
116 lines
2.2 KiB
Vue
<template>
|
|
<div class="fullpage-container">
|
|
|
|
<section-view :css-style="{'background-color':'#fff'}">
|
|
<div class="Details-conten-img">
|
|
<img v-lazy="assetsUri('images/ContactUs/Details.png')" alt="">
|
|
<div class="Details-text">
|
|
<p>Thank you for submitting</p>
|
|
<p>the information.</p>
|
|
<p>We will contact you as soon as possible.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</section-view>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import animateMixin from '../../utils/animateMixin'
|
|
import SectionView from "../../components/SectionView/index";
|
|
import {assetsUri} from '~/utils/index.js'
|
|
export default {
|
|
name: 'IndexPage',
|
|
layout:'index',
|
|
components:{
|
|
SectionView
|
|
},
|
|
mixins:[animateMixin],
|
|
head() {
|
|
return {
|
|
title: this.title,
|
|
meta: [
|
|
{
|
|
hid: 'description',
|
|
name: 'description',
|
|
content: 'My custom description'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
async asyncData(data) {
|
|
const { params, $http }=data;
|
|
// const post = await $http.$get(`https://api.nuxtjs.dev/posts/${params.id}`)
|
|
return { post:'121' }
|
|
},
|
|
data() {
|
|
return {
|
|
assetsUri,
|
|
title:'LightLimX',
|
|
|
|
opts: {
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
.Details-conten-img{
|
|
margin-top: 0.96rem;
|
|
padding-top: 2rem;
|
|
img{
|
|
display: block;
|
|
width: 20%;
|
|
margin: 0 auto;
|
|
}
|
|
.Details-text{
|
|
margin-top: .6rem;
|
|
p{
|
|
font-size: 0.28rem;
|
|
font-family: Manrope;
|
|
font-weight: bold;
|
|
line-height: 0.5rem;
|
|
color: #302D2C;
|
|
opacity: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 768px){
|
|
.section-view{
|
|
min-height: 0vh;
|
|
}
|
|
.Details-conten-img{
|
|
margin-top: 0.96rem;
|
|
padding-top: 2rem;
|
|
padding-bottom: 3rem;
|
|
img{
|
|
display: block;
|
|
width: 30%;
|
|
margin: 0 auto;
|
|
}
|
|
.Details-text{
|
|
margin-top: .6rem;
|
|
p{
|
|
font-size: 0.28rem;
|
|
font-family: Manrope;
|
|
font-weight: bold;
|
|
line-height: 0.5rem;
|
|
color: #302D2C;
|
|
opacity: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
</style>
|