add brands

nuxt.config.js

@@ -189,7 +189,8 @@ export default {
     recieverAddress: 'تهران، میدان ولیعصر، خیابان نجات اللهی، خیابان جعفر شهری (سپند)، پلاک ۳۶، طبقه تهران، میدان ولیعصر، خیابان نجات اللهی، خیابان جعفر شهری (سپند)، ساختمان ۳۲، پلاک ۲۰، طبقه ۵ واحد ۱۱',
     recieverPostalCode: '1598993733',
     recieverPhone: '02167341',
-    complaint:"با سلام و احترام. ضمن خوش آمدگویی به شما مشتری گرامی به آگاهی می‌رساند امکان ثبت شکایات شما در سامانه رسیدگی به شکایات شرکت آسان سرویس فراهم است. شما عزیزان می‌توانید شکایت خود را در آن ثبت نمائید. این واحد وظیفه پاسخگویی و رسیدگی به شکایات را بر عهده دارد. چنانچه از نحوه ارائه خدمات در هریک از شعب و یا نمایندگی‌های داریا همراه در سطح کشور، در زمینه‌های نقض قوانین، کوتاهی یا عدم انجام وظیفه، اطاله رسیدگی، عدم پاسخگویی، یا ضعف در ارائه خدمات، شکایتی داشته و شخصاَ ذینفع آن بوده و از شرکت آسان سرویس درخواست رسیدگی دارید می‌توانید شکایت خود را در این سامانه ثبت نموده تا وفق مقررات به آن رسیدگی شده و پاسخ لازم ارائه گردد."
+    complaint:"با سلام و احترام. ضمن خوش آمدگویی به شما مشتری گرامی به آگاهی می‌رساند امکان ثبت شکایات شما در سامانه رسیدگی به شکایات شرکت آسان سرویس فراهم است. شما عزیزان می‌توانید شکایت خود را در آن ثبت نمائید. این واحد وظیفه پاسخگویی و رسیدگی به شکایات را بر عهده دارد. چنانچه از نحوه ارائه خدمات در هریک از شعب و یا نمایندگی‌های داریا همراه در سطح کشور، در زمینه‌های نقض قوانین، کوتاهی یا عدم انجام وظیفه، اطاله رسیدگی، عدم پاسخگویی، یا ضعف در ارائه خدمات، شکایتی داشته و شخصاَ ذینفع آن بوده و از شرکت آسان سرویس درخواست رسیدگی دارید می‌توانید شکایت خود را در این سامانه ثبت نموده تا وفق مقررات به آن رسیدگی شده و پاسخ لازم ارائه گردد.",
+    apiAsanMarket:"https://api-asanmarket.iran.liara.run"
   },
   privateRuntimeConfig: {}
 }

pages/index.vue

@@ -75,11 +75,36 @@
       </div>
     </div>
 
-    <div class="p-3"  style="background-color: white">
+    <div class="p-3" style="background-color: white">
-      <div >
+      <div>
-        <el-carousel :interval="400000" type="card" height="400px">
+        <el-carousel :interval="400000" type="card" height="350px">
-          <el-carousel-item v-for="item in 6" :key="item">
+          <el-carousel-item style="display: flex; justify-content: center" v-for="item, i in brands" :key="i">
-           
+            <el-card
+              style="display: flex; justify-content: center; align-items: center; width: fit-content"
+              :body-style="{ padding: '5px' }"
+            >
+            
+              <a :href="item.link">
+                <img height="175" 
+                :src="config.apiAsanMarket + item.logo"
+                class="image rounded"
+              />
+              <div
+                style="
+                  padding: 14px;
+                  display: flex;
+                  flex-direction: column;
+                  justify-content: center;
+                  align-items: center;
+                "
+              >
+                <span>{{item.title}}</span>
+                <div class="bottom clearfix">
+                  <time class="time">{{ item.description }}</time>
+                </div>
+              </div>
+              </a>
+            </el-card>
           </el-carousel-item>
         </el-carousel>
       </div>
@@ -93,6 +118,7 @@ export default {
   async asyncData({ $axios, error }) {
     try {
       const help = await $axios.get('/api/public/help?front=true')
+      
       return {
         help: help.data
       }
@@ -105,7 +131,8 @@ export default {
       serial: '',
       help: null,
       inquiryType: 'guaranteeSerial',
-      checkingSerial: false
+      checkingSerial: false,
+      brands:[],
     }
   },
   head() {
@@ -121,9 +148,19 @@ export default {
     inquiryBtnTxt() {
       if (this.inquiryType === 'guaranteeSerial') return 'بررسی گارانتی'
       else return 'بررسی اصالت'
+    },
+    config() {
+      return this.$config
     }
   },
+  mounted(){
+      this.$axios.get(`https://api-asanmarket.iran.liara.run/brands`).then((res)=>{
+        this.brands = res.data
+
+      })
+  },
   methods: {
+    
     checkSerial() {
       // validation
       if (this.checkingSerial) {
@@ -179,12 +216,14 @@ export default {
 </script>
 
 <style scoped>
-
+.rounded{
+  border-radius: 5px;
+}
 .el-carousel__item:nth-child(2n) {
-  background-color: #99a9bf;
+  background-color: #99a9bf00;
 }
 
 .el-carousel__item:nth-child(2n + 1) {
-  background-color: #d3dce6;
+  background-color: #d3dce600;
 }
 </style>