dos

Public/static/css/index.css

@@ -317,6 +317,21 @@ input::-webkit-input-placeholder {
   -webkit-animation: slider 1.5s ease-in-out 5 alternate;
 }
 
+.personal-wrap.animate {
+  animation: slideDown 0.3s ease-in forwards;
+  -webkit-animation: slideDown 0.3s ease-in forwards;
+}
+
+@keyframes slideDown {
+  0% {
+    transform: translateY(0);
+  }
+
+  100% {
+    transform: translateY(100%);
+  }
+}
+
 @keyframes slider {
   0% {
     opacity: 0;

Public/static/js/common.js

@@ -256,8 +256,19 @@ $(document).ready(function () {
     $(document).on('click', '.btn-checked-item-delete', deleteCheckedFlag);
     //回到flag页
     $('.customize-frame .btn-back').on('click', backToFlag);
+    //跳转到建议页
+    $('.personal-page .btn-next').on('click', showSuggestPage);
 });
 
+function showSuggestPage() {
+    $('.personal-page .personal-wrap').addClass('animate');
+    $('.suggest-page').show();
+    setTimeout(function () {
+        $('.personal-page').fadeOut(150);
+    }, 150);
+
+}
+
 function backToFlag() {
     $('.personal-page').fadeOut(300);
     $('.flag-page').animate({