diff --git a/view/css/index.css b/view/css/index.css index 6ad6efc..30ab633 100644 --- a/view/css/index.css +++ b/view/css/index.css @@ -5,6 +5,9 @@ .hide,.hidden{ display: none !important; } +.pd84{ + padding-left: 84px; +} .radio-wrap{} .radio_box,.check_Box{ display: flex; @@ -356,13 +359,13 @@ height: 107px; border-radius: 5px; position: relative; - margin-right: 8px; + margin-left: 8px; } .small-image-desc { position: absolute; left: 6px; - bottom: 8px; + bottom: 12px; border-radius: 2px; background: rgba(0, 0, 0, 0.4); padding: 4px 10px 5px 10px; @@ -546,7 +549,7 @@ button:hover { } .img_list ,.img_list2{ - margin: 8px 0; + margin: 8px 0 0 -8px; display: flex; flex-wrap: wrap; } @@ -624,8 +627,10 @@ button:hover { top: 50%; left: 50%; transform: translate(-50%, -50%); - width: 660px; + width: calc(660px - 48px); padding: 0 24px 32px; + max-height: 650px; + overflow-y: auto; background: #fff; border-radius: 6px; opacity: 1; diff --git a/view/js/index.js b/view/js/index.js index cc95132..9ab1fa9 100644 --- a/view/js/index.js +++ b/view/js/index.js @@ -38,6 +38,7 @@ $(document).ready(function () { $('.edit-input').val('') // $('.radio-form').hide(); // $('.normal-form').hide(); + $('.img_list2').removeClass('pd84') $('.normal-input').val(res.data.refer); $('.char-count').text(res.data.refer.length + '/100'); @@ -45,6 +46,18 @@ $(document).ready(function () { $('.normal-form').show(); $('.normal-input').addClass('h74') $('#edu2').click(); + $('.img_list2').addClass('pd84') + }else{ + $('.normal-form').hide(); + $('.normal-input').removeClass('h74') + $('#edu1').click(); + } + if(res.data.wid && !res.data.refer){ + $('.radio-form').hide(); + $('.common-input').hide() + }else{ + $('.radio-form').show(); + $('.common-input').show() } $('.answer-input').val(res.data.text);