if (screenWidth <= 1700) {
media.setTranslateY(50);
media.setScaleX(1.1);
media.setScaleY(1.1);
}
if (screenWidth <= 1600 && screenHeight <= 900) {
media.setScaleX(1.0);
media.setScaleY(1.0);
media.setTranslateY(-3);
}
reDraw(screenWidth <= 1700, media, 1.1, 1.1, 50.0);
reDraw(screenWidth <= 1600 && screenHeight <= 900, media, 1.0, 1.0, -3.0);
// и метод под всё это(его можно поперегружать и сделать ещё более удобным)
private static void reDraw(Boolean condition, ImageView view, Double scaleX, Double scaleY, Double translateY) {
if (condition) {
if (scaleX != null)
view.setScaleX(scaleX);
if (scaleY != null)
view.setScaleY(scaleY);
if (translateY != null)
view.setTranslateY(translateY);
}
}
boolean isLargeSize = screenWidth <= 1700;
boolean isMediumSize = screenWidth <= 1600 && screenHeight <= 900;
reDraw(isLargeSize, media, 1.1, 1.1, 50.0);
reDraw(isMediumSize, media, 1.0, 1.0, -3.0);
<script type="text/javascript">
window.__STATE__ = <?= json_encode($allData) ?>;
</script>
created () {
if (window.__STATE__ && window.__STATE__.myData) {
this.myData = window.__STATE__.myData;
} else {
axios.get( .... )
}
}
На каких ресурсах разработчику можно найти неофициальную удаленную работу
а то на основной работе никах перспектив в повышении зарплаты
const state = {
status: null,
profile: {},
token: null,
const actions = {
fetchProfile: ({commit}, id, data) => {
axios.patch('/profile/user/' + id + '/', data)
.then(response => {
commit('PROFILE_SET', response.profile);
})
.catch(error => {
console.log(error, 'something went wrong')
})
},
const mutations = {
PROFILE_SET: (state, profile) => {
state.profile = profile
},
}
let wrap = document.querySelector('.wrap');
wrap.onclick = ()=> wrap.classList.toggle('noMagic');
.wrap{
position: relative;
width: 500px;
height: 200px;
background: lightblue;
margin: 0 auto;
}
.wrap::before{
position: absolute;
content: 'Кликни на меня, детка!';
height: 50px;
width: 100%;
background: lightgreen;
transition: 2s;
}
.noMagic.wrap::before{
content: 'А ты молодец!';
display: flex;
justify-content: center;
align-items: center;
animation: move 1s forwards;
}
@keyFrames move{
100% {
height: 100%;
}
}