danak/arakrail
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

back-end done

Browse Source
This commit is contained in:
Amir Mohamadi
2020-12-10 16:36:48 +03:30
parent 80a7abafb7
commit bc5e617778
92 changed files with 5217 additions and 3379 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_lang/index.vue
+26 -56
View File
@@ -2,25 +2,11 @@
<div class="page home--page">
<div id="slider">
<div class="hero clearfix">
<div class="bg"></div>
<div class="hero clearfix" v-for="item in slider" :key="item._id">
<div class="bg" :style="{backgroundImage: `url(${item.image})`}"></div>
<div class="txt--home">
<h1>{{staticData.hero.t1}}</h1>
<p>{{staticData.hero.t2}}</p>
</div>
</div>
<div class="hero clearfix">
<div class="bg"></div>
<div class="txt--home">
<h1>{{staticData.hero.t1}}</h1>
<p>{{staticData.hero.t2}}</p>
</div>
</div>
<div class="hero clearfix">
<div class="bg"></div>
<div class="txt--home">
<h1>{{staticData.hero.t1}}</h1>
<p>{{staticData.hero.t2}}</p>
<h1>{{item.slider_details[$route.params.lang].title}}</h1>
<p>{{item.slider_details[$route.params.lang].caption}}</p>
</div>
</div>
</div>
@@ -41,6 +27,7 @@
</div>
</div>
</section>
<section class="s1-2">
<img src="~/assets/img/home/hp-s1-i2.jpg" alt="" class="section-bg">
<div class="container">
@@ -58,6 +45,7 @@
</div>
</div>
</section>
<section class="s2">
<img src="~/assets/img/home/hp-s2-i1.jpg" alt="" class="section-bg">
<div class="container">
@@ -99,6 +87,7 @@
</div>
</div>
</section>
<section class="s3">
<img src="~/assets/img/home/hp-s3-i1.jpg" alt="" class="section-bg">
<div class="container clearfix">
@@ -112,11 +101,11 @@
</div>
<div class="products">
<div class="parts p2 row">
<div class="col-4" v-for="item in products">
<nuxt-link :to="{name: 'lang-products-product',params: {lang: $route.params.lang,product: item.url}}">
<div class="col-4" v-for="(item,index) in products" :key="item._id" v-if="index <= 5">
<nuxt-link :to="{name: 'lang-products-product',params: {lang: $route.params.lang,product: item._id}}">
<div class="imgBox">
<img :src="require(`~/assets/img/home/${item.img}`)" alt="">
<p>{{item.txt}}</p>
<img :src="item.cover" :alt="item.product_details[$route.params.lang].name">
<p>{{item.product_details[$route.params.lang].name}}</p>
</div>
</nuxt-link>
</div>
@@ -132,7 +121,7 @@
<div class="txt">
<h2 class="title title-shape">{{staticData.s4.t1}} <span>{{staticData.s4.t2}}</span></h2>
<p>{{staticData.s4.t3}}</p>
<a :href="catalog_link" target="_blank" download="catalog.pdf" class="btn btn-reverse-fill">{{staticData.s4.link}}</a>
<a :href="catalog.file" target="_blank" class="btn btn-reverse-fill">{{staticData.s4.link}}</a>
</div>
</section>
<CustomersCommunication/>
@@ -160,39 +149,9 @@
export default {
data() {
return {
products: [
{
img: 'hp-s3-i5.jpg',
txt: 'گریتینگ پله',
url: '1'
},
{
img: 'hp-s3-i6.jpg',
txt: 'گریتینگ گالوانیزه',
url: '2'
},
{
img: 'hp-s3-i7.jpg',
txt: 'گریتینگ آلومینیوم',
url: '3'
},
{
img: 'hp-s3-i8.jpg',
txt: 'گریتینگ الکتروفورج',
url: '4'
},
{
img: 'hp-s3-i9.jpg',
txt: 'پنل گریتینگ',
url: '5'
},
{
img: 'hp-s3-i10.jpg',
txt: 'گریتینگ تسمه در تسمه',
url: '6'
}
],
catalog_link: this.$store.state.staticData.catalog_link,
slider: null,
products: null,
catalog: null,
calc_app_link: this.$store.state.staticData.calc_app_link,
validation: []
}
@@ -232,6 +191,17 @@
autoplay: true,
autoplaySpeed: 6000
})
},
async asyncData({$axios}) {
const slider = await $axios.get('/api/public/slider')
const products = await $axios.get(`/api/public/products`)
const catalog = await $axios.get('/api/public/catalog')
return {
slider: slider.data,
products: products.data,
catalog: catalog.data
}
}
}
</script>