//если обращаетесь к items со store
state:{
items:[]
}
postOrder() {
const orderData = {fio: this.fio, phone: this.phone ...}
axios.post(`https://lm.perimeter.games/api/v1/order`, orderData)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
},
html {
scroll-behavior: smooth;
height: 100%;
overflow-x: hidden;
}
body{
min-height: 100%;
overflow-x: hidden;
}
<div class="white_bg">
<CartOrder :cart_data="CART">
</CartOrder>
<section class="contacts_section">
<div class="contacts">
<div class="contacts__svetlyi">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A5147b5903c247d157dc9bc338dcd03bfe2369ffa9d6d52c2a92ffd9555049d73&source=constructor" width="550" height="260" frameborder="0"></iframe>
<div class="contacts_description">
<div class="contacts_title">Кафе-пекарня Лас Мохитос</div>
<div class="contacts_desc"><i class="fa contacts_icon fa-map-marker" aria-hidden="true"></i>Поселок Светлый, 15А</div>
<div class="contacts_desc"><i class="fa contacts_icon clock_icon fa-clock-o" aria-hidden="true"></i>9:00 - 20:00</div>
<div class="contacts_desc"> <i class="fa contacts_icon fa-phone" aria-hidden="true"></i>+7 (952) 679-40-33</div>
</div>
</div>
<hr class="contacts_btw">
<div class="contacts__paritzanskaya">
<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A840b81e31685150c5ba3f1479ab7e58d388e3e0f0571090215d740a4cfdfa23e&source=constructor" width="550" height="260" frameborder="0"></iframe>
<div class="contacts_description">
<div class="contacts_title">Кафе-пекарня Чехия</div>
<div class="contacts_desc"><i class="fa contacts_icon fa-map-marker" aria-hidden="true"></i>ул. Партизанская, 8В</div>
<div class="contacts_desc"><i class="fa contacts_icon fa-clock-o" aria-hidden="true"></i>9:00 - 20:00</div>
<div class="contacts_desc"><i class="fa contacts_icon fa-phone" aria-hidden="true"></i>+7 (952) 182-04-30</div>
</div>
</div>
</div>
</section>
</div>
.white_bg{
background: #FFFFFF;
padding-top: 95px;
}
.contacts__svetlyi {
display: flex;
margin: 0 0 25px 180px;
}
.contacts__paritzanskaya {
display: flex;
margin: 0 0 0 180px;
padding-bottom: 40px;
}
.contacts_description{
margin-left: 70px;
}
.contacts_btw{
display: none;
}
.contacts_icon {
color: #76b400;
width: 28px;
height: 28px;
text-align: center;
margin-right: 35px;
}
.contacts_title{
margin: 10px 0;
font-family: 'Oswald', sans-serif;
font-size: 3.2em;
color: #1a2e39;
font-weight: 400;
}
.contacts_desc{
font-family: 'Oswald', sans-serif;
font-size: 2em;
color: #1a2e39;
font-weight: 300;
}
iframe{
border:none;
border-radius: 10px;
}
postOrder() {
const orderDataStr = {cost: this.cartTotalCost, fio: this.fio, phone: this.phone}
axios.post(`https://lm.perimeter.games/api/v1/order`, orderDataStr)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
},
postOrder() {
postData : {
fio : this.fio;
cost : this.cartTotalCost;
};
const postDataStr = JSON.stringify(this.postData)
axios.post(`${url}`, postDataStr)
.then((response) => {
console.log(response.data);
})
.catch((error) => {
console.log(error);
});
},