dos

Public/static/css/index.css

@@ -204,6 +204,21 @@ input::-webkit-input-placeholder {
   opacity: 0;
 }
 
+.flag-choose-tip.active {
+  animation: tips 1.5s linear forwards 3;
+  -webkit-animation: tips 1.5s linear forwards 3;
+}
+
+@keyframes tips {
+  0% {
+    opacity: 0.1;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
 @keyframes trans {
   to {
     transform: translateY(0);

Public/static/js/common.js

@@ -193,7 +193,6 @@ $(document).ready(function () {
         onEnd: function (event) {
             const dragEl = $(event.item);
             dragEl.find('.btn-checked-item-delete').css('color', '#c30101');
-
         }
     });
 
@@ -377,6 +376,7 @@ function addCustomizeFlag() {
 }
 
 function addFlag() {
+    $('.flag-choose-tip').removeClass('active');
     let text = $(this).find('.flag-text').text();
     flagStack.push(text);
     addFlagToList(text);