dos

Public/static/css/index.css

@@ -206,4 +206,18 @@ input::-webkit-input-placeholder {
 .personal-page .colorbar {
   transition: all linear .3s;
   -webkit-transition: all linear .3s;
+}
+
+.personal-page .decorate-content {
+  overflow-x: scroll;
+}
+
+.personal-page .decorateImg {
+  width: 12rem;
+  height: 7.5rem;
+  padding-left: 1.25rem;
+}
+
+.personal-page .decorateImg:first {
+  padding-left: 0;
 }
\ No newline at end of file

Public/static/js/common.js

@@ -58,7 +58,7 @@ preloadimages(preloadImageList, function () {
 // $('input[name=tel]').attr('type','tel');
 // $('input[name=tel]').attr('maxlength',11);
 
-let flag = [
+const flag = [
     '升职加薪',
     '早日暴富',
     '拿到一个新项目',
@@ -85,16 +85,7 @@ let flag = [
     '用理财收益，来场说走就走的旅行',
     '多赚钱，去看一看世界和远方',
 ];
-
-let flagStack = [];
-let chooseNum = 0;
-let oldRandFlag = [];
-let first = true;
-let startX;
-let timer;
-let mainColor = 'red';
-let colorIndex = 4;
-let colorList = {
+const colorList = {
     'red': [
         '#854337',
         '#984534',
@@ -143,7 +134,25 @@ let colorList = {
         '#9c87c6',
         '#b3a5ce'
     ]
-}
+};
+
+let decorateList = [
+    picUrl + 'decorate1.png',
+    picUrl + 'decorate1.png',
+    picUrl + 'decorate1.png',
+    picUrl + 'decorate1.png',
+    picUrl + 'decorate1.png',
+];
+
+let flagStack = [];
+let chooseNum = 0;
+let oldRandFlag = [];
+let first = true;
+let startX;
+let timer;
+let mainColor = 'red';
+let colorIndex = 4;
+
 const fontSize = parseFloat($('html').css('fontSize'));
 
 let flagTemplate = $('.flag-page .flag-frame').find('.flag-block').clone();
@@ -153,6 +162,8 @@ $('input[name=customize-flag]').attr('placeholder', '也能在这里写你的fla
 let listTemplate = $('.personal-page .flag-list').find('.flag-item').clone();
 $('.personal-page .flag-list').html('');
 
+initDecorate();
+
 $(document).ready(function () {
     $("input").on("blur", function () {
         window.scroll(0, 0); //失焦后强制让页面归位
@@ -261,6 +272,13 @@ function chooseColorMove(e) {
     }, 5);
 }
 
+function initDecorate() {
+    for (let i = 0; i < decorateList.length; i++) {
+        let img = $('<img src="' + decorateList[i] + '" class="decorateImg" />');
+        img.appendTo($('.personal-page .decorate-content'));
+    }
+}
+
 function showBgcolor() {
     $('.personal-page .tab-bgcolor,.personal-page .tab-decorate-active,.decorate-content').hide();
     $('.personal-page .tab-bgcolor-active,.personal-page .tab-decorate,.bgcolor-content').show();