Skip to content

php / citic-mdrt

Go to a project
Commit 81dbcbb7 by doszhang
Options

dos

parent abeb0139
Showing with 40 additions and 34 deletions
Public/static/js/common.js
......@@ -123,43 +123,49 @@ function toUploadPage() {
}
function initPage() {
const headerHeight = 313;
const logoHeight = parseFloat($('.logo').css('height'));
const inputHeight = parseFloat($('.input-wrapper').css('height'));
const transformTop = parseFloat(getTranslateDistance());
let inputBottomSpacing;
let spacing = (headerHeight - transformTop - logoHeight - inputHeight) / 3;
if (spacing > 35) {
inputBottomSpacing = 35;
} else {
inputBottomSpacing = 26.5;
}
spacing = (headerHeight - transformTop - logoHeight - inputHeight - inputBottomSpacing) / 2;
$('.logo').css('top', transformTop + spacing + 'px');
$('.input-wrapper').css('top', transformTop + (spacing * 2 + logoHeight) + 'px');
const bottomHeight = 418;
const numHeight = parseFloat($('.num').css('height'));
const btnHeight = parseFloat($('.btn-go').css('height'));
const textHeight = parseFloat($('.bottom').css('height'));
spacing = (bottomHeight - numHeight - btnHeight - textHeight - transformTop) / 4;
const transformTop = getTranslateDistance();
$('.top').css('top', transformTop);
$('.bottom').css({
top: 'auto',
bottom: spacing + transformTop + 'px'
});
bottom: transformTop
})
// const headerHeight = 313;
// const logoHeight = parseFloat($('.logo').css('height'));
// const inputHeight = parseFloat($('.input-wrapper').css('height'));
// const transformTop = parseFloat(getTranslateDistance());
// let inputBottomSpacing;
// let spacing = (headerHeight - transformTop - logoHeight - inputHeight) / 3;
// if (spacing > 35) {
// inputBottomSpacing = 35;
// } else {
// inputBottomSpacing = 26.5;
// }
// spacing = (headerHeight - transformTop - logoHeight - inputHeight - inputBottomSpacing) / 2;
// $('.logo').css('top', transformTop + spacing + 'px');
// $('.input-wrapper').css('top', transformTop + (spacing * 2 + logoHeight) + 'px');
// const bottomHeight = 418;
// const numHeight = parseFloat($('.num').css('height'));
// const btnHeight = parseFloat($('.btn-go').css('height'));
// const textHeight = parseFloat($('.bottom').css('height'));
// spacing = (bottomHeight - numHeight - btnHeight - textHeight - transformTop) / 4;
// $('.bottom').css({
// top: 'auto',
// bottom: spacing + transformTop + 'px'
// });
$('.btn-go').css({
top: 'auto',
bottom: spacing * 2 + textHeight + transformTop + 'px'
});
$('.num').css({
top: 'auto',
bottom: spacing * 3 + textHeight + btnHeight + transformTop + 'px'
});
// $('.btn-go').css({
// top: 'auto',
// bottom: spacing * 2 + textHeight + transformTop + 'px'
// });
// $('.num').css({
// top: 'auto',
// bottom: spacing * 3 + textHeight + btnHeight + transformTop + 'px'
// });
}
function changePoster() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment