<p>Geo: {this.state.user.address && this.state.user.address.geo && this.state.user.address.geo.lat}</p>.pipe(sass())outputStyle: 'nested',.pipe(sass()).pipe(sass({
outputStyle: 'expanded', // настройка исходного вида css - вложенность тегов
}).on('error', sass.logError)).user {
display: flex;
align-items: center;
}
.user-logo {
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 8px;
}
.user-name {
color: #FFFFFF;
font-weight: 700;
line-height: 1.57;
}.main
padding-top: 65px
padding-bottom: 78px
color: $text-color-light
background: $text-color-dark url('./main-bg.jpg') center 0 no-repeat
background-size: cover./src/components/Main/Main.sass (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/components/Main/Main.sass)
Error: Can't resolve './img/main/main-bg.jpg' in 'C:\Verstka2019\Повтор React-October-2020\Сайты на реакт для портфолио\cardboard-full\src\components\Main'
.header-logo{
width: 191px;
height: 61px;
background: url('../../shared/img/header/header-logo.png') 0 center;
background-size: cover;
}import BtnIcon from '../../shared/img/header/header-btn-icon.png'; - работает только с предварительным импортом
<a className="button header-contacts__button button__cta" href="#popup">
<img src= {BtnIcon} alt="phone-icon-btn"/> - ОТОБРАЖАЕТСЯ
{/*Не отображается*/}}
<img src= '../../shared/img/header/header-btn-icon.png' alt="phone-icon-btn"/>
<span className="hidden-mobile hidden-sm">Заказать звонок</span>
</a>blocks: [
{
img: '../../shared/img/features/block1.png',
alt: 'Производство',
title: 'Производство',
descr: '4 технологические линии способны выполнить любой заказ любой сложности'
},
{
img: '../../shared/img/features/block2.png',
alt: 'Бесплатные образцы',
title: 'Бесплатные образцы',
descr: 'Бесплатно делаем образцы гофроупаковки - это помогает заранее увидеть упаковку'
},
{
img: '../../shared/img/features/block3.png',
alt: 'Стабильное качество',
title: 'Стабильное качество',
descr: 'Собственная лаборатория контролирует качество на каждом этапе производства'
}
];
.header
background: #fff
padding-top: 40px
&-logo
width: 191px
height: 61px
background: url("/img/header/header-logo.png") center 0 no-repeat
background-size: cover<header class="header">
<div class="header-top">... </>
/*Кнопки соц сетей*/
<div class="container">
<div class="row">
<div class="col-12">
<div class="header-wrap">
<div class="social-block header-social">
<a href="#" class="social-block__link" title="Мы в Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<!-- /.social-block__link -->
...
</div>
<!-- /.social-block -->
</div>
<!-- /.header-wrap -->
</div>
</div>
</div>
</header>/*HEADER*/
.header
position: relative
z-index: 5
height: 980px
border: 5px solid red
&-top
position: relative
&-wrap
position: absolute
padding-top: 800px
right: 0
top: 0
&-social
position: absolute
right: 0
bottom: 0
justify-content: flex-end
"Как передать данные из этого get запроса в другой ?" - вот это не понял. О чем речь?
let arr =[];
app.get('/city', function(req,res){
if (!req.body) return res.sendStatus(400);
let cityObj = {
"modelName": "Address",
"calledMethod": "getCities",
"methodProperties": {},
"apiKey": 'apiKey'
};
request.post('https://api.novaposhta.ua/v2.0/json/', {form: cityObj}, function (error, response, body) {
let data = body;
arr.push(data);
res.send(data);
});
});
//используем этот запрос для живого поиска
app.post('/test', function(req,res){
let data = req.body;
let r = arr.search(data.text).trim();
res.send(r);
});//Схематично
form.addEventListener('submit', function(e){
e.preventDefault();
let data = {};
//Перебор элементов формы
for(let i in this.elements){
//Проверка наличия свойств
if(this.elements.hasOwnProperty(i)){
if( this.elements[i].name){
//Формируем объект с данными
data[this.elements[i].name] = this.elements[i].value;
}
}
}
//AJAX запрос
let xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost:3010/clients');
xhr.setRequestHeader('Content-type', 'application/json; charset = utf-8');
xhr.send(JSON.stringify(data));
... ....
);