dos

Public/static/css/index.css

@@ -63,10 +63,12 @@ input::-webkit-input-placeholder {
   background: rgba(0, 0, 0, 0.8);
   background: rgba(0, 0, 0, 0.8);
 }
 }
 
 
+/* page1 */
 .page1 {
 .page1 {
   z-index: 2;
   z-index: 2;
 }
 }
 
 
+/* flag-page */
 .red-line {
 .red-line {
   background: #c30101;
   background: #c30101;
   transform: scaleX(0);
   transform: scaleX(0);
@@ -152,4 +154,14 @@ input[name=customize-flag] {
   100% {
   100% {
     transform: scaleX(1);
     transform: scaleX(1);
   }
   }
+}
+
+/* personal-page */
+.personal-page {
+  background: #c30101;
+}
+
+.personal-page .decorate-img {
+  background: url('../image2/decorate1.png') left top no-repeat;
+  background-size: 100% 100%;
 }
 }
\ No newline at end of file

Public/static/js/common.js

@@ -85,10 +85,13 @@ let chooseNum = 0;
 let oldRandFlag = [];
 let oldRandFlag = [];
 let first = true;
 let first = true;
 
 
-let flagTemplate = $('.flag-frame').find('.flag-block').clone();
+let flagTemplate = $('.flag-page .flag-frame').find('.flag-block').clone();
 $('.flag-frame').html('').addClass('clearfix');
 $('.flag-frame').html('').addClass('clearfix');
 $('input[name=customize-flag]').attr('placeholder', '也能在这里写你的flag哦');
 $('input[name=customize-flag]').attr('placeholder', '也能在这里写你的flag哦');
 
 
+let listTemplate = $('.personal-page .flag-list').find('.flag-item').clone();
+$('.personal-page .flag-list').html('');
+
 $(document).ready(function () {
 $(document).ready(function () {
     $("input").on("blur", function () {
     $("input").on("blur", function () {
         window.scroll(0, 0); //失焦后强制让页面归位
         window.scroll(0, 0); //失焦后强制让页面归位