Skip to content

Commit

Permalink
Merge pull request #90 from IBEC-BOX/forms
Browse files Browse the repository at this point in the history
small fixes
  • Loading branch information
Aidosgd authored Mar 1, 2024
2 parents 6bf1801 + 68a3b5c commit 8c77e59
Show file tree
Hide file tree
Showing 3 changed files with 64 additions and 137 deletions.
194 changes: 60 additions & 134 deletions src/runtime/components/Pages/TestVuetify.vue
Original file line number Diff line number Diff line change
Expand Up @@ -24,78 +24,11 @@
<section class="h-100">
<v-container class=" px-4">

<partsErgVacancies
sheet-color='primary'
sheet-rounded='xl'
title='Станьте частью команды'
sub-title='Мы предлагаем конкурентные зарплаты, социальные гарантии'
title-color='#7613da'
:gallery="true"
:galleryHoverEffect="true"
:leftimage="{
src: 'https://images.unsplash.com/photo-1536257104079-aa99c6460a5a?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
attrs: {
width: 100 + '%',
cover: true,
class: 'rounded-s-xl'
}
<partsSlider
:slides="slides2"
:static-chips="{
text: 'ads'
}"
:chip="{
text: 'Вакансии',
attrs: {
color: 'primary'
}
}"
:galleryImages="[
{
chip: {
attrs: {
variant: 'flat',
color: 'green'
},
text: 'asd',
},
background: 'https://images.unsplash.com/photo-1536257104079-aa99c6460a5a?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
title: 'absdffdsfdsfsdfdsds'
},
{
chip: {
attrs: {
variant: 'flat',
color: 'green'
},
text: 'asd',
},
background: 'https://images.unsplash.com/photo-1536257104079-aa99c6460a5a?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
title: 'absdffdsfdsfsdfdsds'
},
{
chip: {
attrs: {
variant: 'flat',
color: 'green'
},
text: 'asd',
},
background: 'https://images.unsplash.com/photo-1536257104079-aa99c6460a5a?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
title: 'absdffdsfdsfsdfdsds'
},
{
chip: {
attrs: {
variant: 'flat',
color: 'green'
},
text: 'asd',
},
background: 'https://images.unsplash.com/photo-1536257104079-aa99c6460a5a?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
title: 'absdffdsfdsfsdfdsds'
},
]"

/>

</v-container>
Expand All @@ -122,10 +55,16 @@
</template>

<script setup>
const slides = [
const slides2 = [
{
id: 0,
title: 'Кредитная карта\n с целым годом без %',
chip: {
text: 'abvgd',
attrs: {
color: 'primary'
}
},
title: 'Кредитная карта с целым годом без %',
subtitle: 'Подзаголовок маленький, в две строки',
titleAttrs: {
class: 'text-white w-75'
Expand All @@ -138,87 +77,74 @@ const slides = [
attrs: {
size: 'large',
color: 'primary',
class: 'text-body-1'
class: 'text-body-1',
}
}
],
active: true
active: true,
},
{
id: 1,
title: 'Страхование работников от несчастных случаев',
chip: {
text: 'abvgd',
attrs: {
color: 'primary'
}
},
title: 'Экологические акции',
subtitle: 'Команда АО “ССГПО” активно принимает участие в мероприятиях, направленных на помощь экологии',
textBlockAttrs: {
class: ''
},
subTitleAttrs: {
class: 'text-primary'
},
titleAttrs: {
class: 'text-h2 mb-0'
class: 'text-primary text-h5 w-75'
},
backgroundImg: 'https://images.unsplash.com/photo-1536257104079-aa99c6460a5a?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
buttons: [
{
id: 0,
text: 'Large button',
attrs: {
size: 'large',
color: 'primary',
class: 'text-body-1'
}
img: {
src: 'https://s3-alpha-sig.figma.com/img/555c/6876/cb9c4c93facc41f9da4145fa73aca28f?Expires=1708300800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=GuQUtcWbVrWRn1GfwukhEdmCQ9ZxpWBc8-kYGxqc~kInBXYg7QiQUdnC11N6CBJyNYPhZmkMoCyqJLchOvtrizsQiSWQytj96hkeDbtlODJe60UxBq9LQqLWuzCoq8~9-IL~oKeji3ECSklL1VCqbv5NQ-Lxi~ItwX-sunBEXVsx9g9oxZIZrkuIVOfBA9vqYz1PVaG9FrIP7zL5R73ahu0m2V-MLPBe8OUFEQSWbDw9xUPIUKyXOfbm9En80I9oV8k55cLvyNaid-2qCCPtXrm26v7ohCeXQILx1-9j8xBHjy0cLploNutzmGMC0uiPQnr115gYHEhBXaJk2Ez8zA__',
attrs: {
'max-height': 400,
'max-width': '98%',
class: 'rounded-xl'
}
],
active: true
},
active: true,
},
{
id: 2,
title: 'Кредитная карта с целым годом без %',
subtitle: 'Подзаголовок маленький, в две строки',
backgroundImg: 'https://images.unsplash.com/photo-1516298773066-c48f8e9bd92b?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
active: false
},
{
id: 3,
title: 'Страхование работников от несчастных случаев',
titleAttrs: {
class: 'text-h2 mb-0'
},
backgroundImg: 'https://images.unsplash.com/photo-1536257104079-aa99c6460a5a?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
buttons: [
{
id: 0,
text: 'Large button',
attrs: {
size: 'large',
color: 'primary',
class: 'text-body-1'
}
chip: {
text: 'abvgd',
attrs: {
color: 'primary'
}
],
active: true
},
{
id: 4,
title: 'Кредитная карта\n с целым годом без %',
subtitle: 'Подзаголовок маленький, в две строки',
},
title: 'Экологические акции',
subtitle: 'Команда АО “ССГПО” активно принимает участие в мероприятиях, направленных на помощь экологии',
textBlockAttrs: {
class: ''
},
subTitleAttrs: {
class: 'text-primary'
},
titleAttrs: {
class: 'text-white w-75'
class: 'text-primary text-h5 w-75'
},
backgroundImg: 'https://images.unsplash.com/photo-1562043236-559c3b65a6e2?auto=format&fit=crop&q=80&w=2940&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D',
buttons: [
{
id: 0,
text: 'Large button',
attrs: {
size: 'large',
color: 'primary',
class: 'text-body-1'
}
img: {
src: 'https://s3-alpha-sig.figma.com/img/555c/6876/cb9c4c93facc41f9da4145fa73aca28f?Expires=1708300800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=GuQUtcWbVrWRn1GfwukhEdmCQ9ZxpWBc8-kYGxqc~kInBXYg7QiQUdnC11N6CBJyNYPhZmkMoCyqJLchOvtrizsQiSWQytj96hkeDbtlODJe60UxBq9LQqLWuzCoq8~9-IL~oKeji3ECSklL1VCqbv5NQ-Lxi~ItwX-sunBEXVsx9g9oxZIZrkuIVOfBA9vqYz1PVaG9FrIP7zL5R73ahu0m2V-MLPBe8OUFEQSWbDw9xUPIUKyXOfbm9En80I9oV8k55cLvyNaid-2qCCPtXrm26v7ohCeXQILx1-9j8xBHjy0cLploNutzmGMC0uiPQnr115gYHEhBXaJk2Ez8zA__',
attrs: {
'max-height': 400,
'max-width': '98%',
class: 'rounded-xl'
}
],
active: true
},
active: true,
},
]
</script>

<style lang="scss">
Expand Down
3 changes: 2 additions & 1 deletion src/runtime/components/Parts/Header/Erg.vue
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,8 @@ const logoStyle = computed(() => {
function updateSelectLang(selectedLang: string) {
selectLang.value = selectedLang;
emits('select-lang', selectedLang.code);
console.log(selectLang.value)
emits('select-lang', selectLang.value);
}
const scrollToElement = (selector) => {
Expand Down
4 changes: 2 additions & 2 deletions src/runtime/components/Parts/Slider.vue
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
cover
/>
<v-chip
v-if="staticChips"
v-if="Object.keys(staticChips).length"
v-bind="staticChips.attrs"
class="position-absolute"
style="z-index: 10"
Expand Down Expand Up @@ -65,7 +65,7 @@
>
<div>
<v-chip
v-if="slide.chip && !staticChips"
v-if="slide.chip && !Object.keys(staticChips).length"
v-bind="slide.chip.attrs"
>
{{ slide.chip.text }}
Expand Down

0 comments on commit 8c77e59

Please sign in to comment.