dos

Public/static/css/index.css

@@ -142,6 +142,12 @@ input::-webkit-input-placeholder {
   height: 103%;
   height: 103%;
 }
 }
 
 
+.flag-page .checked-flag-list {
+  border: 0.05rem solid #222222;
+  transition: all linear .3s;
+  -webkit-transition: all linear .3s;
+}
+
 @keyframes trans {
 @keyframes trans {
   to {
   to {
     transform: translateY(0);
     transform: translateY(0);

Public/static/js/common.js

@@ -151,6 +151,7 @@ let timer;
 let mainColor = 'red';
 let mainColor = 'red';
 let colorIndex = 4;
 let colorIndex = 4;
 let checkedDecorate;
 let checkedDecorate;
+let checkFlagListStatus = false;
 
 
 const fontSize = parseFloat($('html').css('fontSize'));
 const fontSize = parseFloat($('html').css('fontSize'));
 
 
@@ -218,8 +219,20 @@ $(document).ready(function () {
     }, changeMainColor);
     }, changeMainColor);
     //小装饰点击
     //小装饰点击
     $(document).on('click', '.personal-page .decorateImg', setDecorate);
     $(document).on('click', '.personal-page .decorateImg', setDecorate);
+    //打开已选flag列表
+    $('.flag-page .btn-show-checked').on('click', toggleCheckFlagList);
 });
 });
 
 
+function toggleCheckFlagList() {
+    if (checkFlagListStatus) {
+        $('.checked-flag-list').css('transform', 'scale(0)');
+        checkFlagListStatus = false;
+    } else {
+        $('.checked-flag-list').css('transform', 'scale(1)');
+        checkFlagListStatus = true;
+    }
+}
+
 function setDecorate(event) {
 function setDecorate(event) {
     let src = event.target.src;
     let src = event.target.src;
     checkedDecorate = src;
     checkedDecorate = src;