This commit is contained in:
Mr Swift
2024-03-06 11:48:20 +03:30
parent f575aabe12
commit 0c1942023e
5 changed files with 108 additions and 43 deletions
+103 -4
View File
@@ -1,8 +1,95 @@
<template> <template>
<footer class="site--footer" style=" position: relative; <footer
class="site--footer" style="position: relative;
z-index: 10;"> z-index: 10;">
<div class="container-fluid">
<section class="col-12 r4" >
<div class="bg">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-6 logo logoz">
<nuxt-link id="footerTitle" :to="{ name: 'index' }">
<Logo />
</nuxt-link>
</div>
<div class="col-12 col-md-6 companies ">
<ul>
<li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li>
<li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li>
<li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li>
<li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li>
<li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li>
<li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li><li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li><li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li><li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li><li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li>
<li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li><li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li><li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li><li v-for="(item, i) in brands" :key="i">
<a :href="item.link">
<img :src="'/uploads/images/brands/' + item.logo" alt="logo" />
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<section class="col-12 r1"> <section class="col-12 r1">
<a :href="`tel: ${config.supportTel}`"> <a :href="`tel: ${config.supportTel}`">
<span>شماره تماس پشتیبانی: </span> <span>شماره تماس پشتیبانی: </span>
@@ -142,7 +229,7 @@
</div> </div>
</section> </section>
<section class="col-12 r4"> <!-- <section class="col-12 r4" >
<div class="bg"> <div class="bg">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
@@ -173,7 +260,7 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section> -->
<section class="col-12 r5"> <section class="col-12 r5">
<h3>آسان سرویس اجرا کننده خدمات پس از فروش</h3> <h3>آسان سرویس اجرا کننده خدمات پس از فروش</h3>
@@ -210,7 +297,8 @@ export default {
data() { data() {
return { return {
newsletter: '', newsletter: '',
help: null help: null,
brands:[]
} }
}, },
computed: { computed: {
@@ -219,6 +307,9 @@ export default {
} }
}, },
mounted() { mounted() {
this.$axios.get(`/api/public/brand`).then(res => {
this.brands = res.data
})
// fetch help page info // fetch help page info
this.$axios.get('/api/public/help?front=true').then(res => (this.help = res.data)) this.$axios.get('/api/public/help?front=true').then(res => (this.help = res.data))
@@ -243,3 +334,11 @@ export default {
} }
} }
</script> </script>
<style>
.logoz{
z-index: 10;
background-color: #065495;
padding-right: 0px !important;
padding-left: 0px !important;
}
</style>
+2 -1
View File
@@ -141,7 +141,8 @@ export default {
this.$axios this.$axios
.delete(`/api/admin/removeExel/${name}`, { .delete(`/api/admin/removeExel/${name}`, {
params: { params: {
type: this.type type: this.type,
q:this.g
} }
}) })
.then(response => { .then(response => {
+1 -36
View File
@@ -141,42 +141,7 @@
</div> </div>
</div> --> </div> -->
<div class="site--footer">
<div >
<section class="col-12 r4" style="max-height: 75px;">
<div class="bg">
<div class="container-fluid">
<div class="row">
<div class="col-12 col-md-6 logo">
<nuxt-link id="footerTitle" :to="{ name: 'index' }">
<Logo />
</nuxt-link>
</div>
<div class="col-12 col-md-6 companies">
<ul>
<li>
<img src="/assets/img/footer/sony.png" alt="logo" />
</li>
<li>
<img src="/assets/img/footer/apple.png" alt="logo" />
</li>
<li>
<img src="/assets/img/footer/panatech.png" alt="logo" />
</li>
<li>
<img src="/assets/img/footer/verity.png" alt="logo" />
</li>
<li>
<img src="/assets/img/footer/nintendo.png" alt="logo" />
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div> </div>
</template> </template>
+1 -1
View File
@@ -216,7 +216,7 @@
width: 200px; width: 200px;
@media (max-width: 270px) { @media (max-width: 270px) {
max-width: 200px; max-width: 250px;
width: 100%; width: 100%;
} }
+1 -1
View File
@@ -59,7 +59,7 @@ const createbrand = [
//@route GET /api/brands/ //@route GET /api/brands/
//@access Public //@access Public
const getbrands = async (req, res) => { const getbrands = async (req, res) => {
const brand = await Brand.find(); const brand = await Brand.find().limit(8);
res.status(200).json(brand); res.status(200).json(brand);
}; };