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

front-end almost done | started back-end

Browse Source
This commit is contained in:
Amir Mohamadi
2020-11-23 19:39:26 +03:30
parent 95149f0e72
commit 80a7abafb7
191 changed files with 60163 additions and 950 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_lang/about/index.vue
+70 -17
View File
@@ -1,53 +1,110 @@
<template>
<div class="page about--page">
<hero :title="staticData.hero"/>
<Hero :title="staticData.hero"/>
<section class="s1">
<div class="container">
<div class="panel">
<div class="parts p1">
<logo/>
<span>{{staticData.s1.p1}}</span>
<span>{{staticData.s1.t1}}</span>
<p>{{staticData.s1.t2}}</p>
</div>
<div class="parts p2 row">
<div class="col-6">
<p>{{staticData.s1.p2}}</p>
<p>{{staticData.s1.t3}}</p>
</div>
<div class="col-6">
<div class="imgBox">
<img src="~/assets/img/about-s1-i1.jpg" alt="">
<div class="img">
<div class="shape"></div>
<img src="~/assets/img/about/about-s1-i1.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="parts p3 row">
<div class="col-6">
<div class="imgBox imgBox-reverse">
<img src="~/assets/img/about-s1-i2.jpg" alt="">
<div class="img">
<div class="shape reverse"></div>
<img src="~/assets/img/about/about-s1-i2.jpg" alt="">
</div>
</div>
</div>
<div class="col-6">
<p v-html="staticData.s1.p3"></p>
<p>{{staticData.s1.t4}}</p>
</div>
</div>
<div class="parts p4 row">
<div class="col-12">
<p v-html="staticData.s1.p4"></p>
<p>{{staticData.s1.t5}}</p>
</div>
</div>
</div>
</div>
</section>
<section class="s2">
<div class="container">
<h2 class="title title-shape">{{staticData.s2.p1}}</h2>
<p v-html="staticData.s2.p2"></p>
<div class="row">
<div class="col-12">
<h2 class="title title-shape-center">{{staticData.s2.t1}}</h2>
</div>
<div class="col-12">
<div class="timeline">
<div class="circle active">
<span>1370</span>
</div>
<div class="line active"></div>
<div class="circle active">
<span>1375</span>
</div>
<div class="line"></div>
<div class="circle">
<span>1385</span>
</div>
<div class="line"></div>
<div class="circle">
<span>1395</span>
</div>
<div class="line"></div>
<div class="circle">
<span>1396</span>
</div>
</div>
<div class="timeline-content">
<div class="row">
<div class="col-6">
<div class="txtBox">
<h5>{{staticData.s2.t2}}</h5>
<p>{{staticData.s2.t3}}</p>
</div>
</div>
<div class="col-6">
<div class="imgBox">
<img src="~/assets/img/about/timeline-i1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="s3">
<div class="container">
<div v-for="(item , index) in staticData.s3" class="panel" :class="'p'+(index+1)">
<h2 class="title title-shape">{{staticData.s3.t1}}</h2>
<p v-html="staticData.s3.t2"></p>
</div>
</section>
<section class="s4">
<div class="container">
<div v-for="(item , index) in staticData.s4" class="panel" :class="'p'+(index+1)">
<div class="row">
<div class="col-5 img">
<img :src="require('~/assets/img/'+ item.img)" alt="">
<img :src="require('~/assets/img/about/'+ item.img)" alt="">
</div>
<div class="col-7 txt">
<p>{{item.title}}</p>
@@ -57,7 +114,7 @@
</div>
</div>
</section>
<customersCommunication/>
<CustomersCommunication/>
</div>
</template>
@@ -66,11 +123,7 @@
export default {
computed: {
staticData() {
if (this.$route.params.lang === 'fa') {
return this.$store.state.staticData.about.fa
} else if (this.$route.params.lang === 'en') {
return this.$store.state.staticData.about.en
}
return this.$store.state.staticData.about[this.$route.params.lang]
}
}
}