家居DIY小物讓家更有溫度

家居設計創(chuàng)意裝飾生活樂趣

裝飾材料

其他

2024-10-22 20:29

在家裝中加入一些DIY元素，不僅能為你的空間增添個性色彩，還能在制作過程中體驗創(chuàng)造的樂趣。今天給大家?guī)韼卓詈唵螌嵱玫募揖友b飾小物，讓我們一起動手吧！👩?🎨?

手工編織抱枕：選擇柔軟舒適的毛線，在網上找些教程，簡單的鉤針編織出一個溫馨的抱枕，放在沙發(fā)或床上，瞬間提升居家氛圍。🧶💖

墻面掛飾：挑選一些你喜歡的照片、畫作或是自制的手工小品，用掛鉤和彩帶掛在墻上，既美觀又實用。還可以自己動手制作一些簡單的掛飾，比如彩繪木片或者串珠裝飾。🖼?🎨

植物角：養(yǎng)些綠植不僅能凈化空氣，還能增加家里的生機與活力。挑選幾盆你喜歡的植物，放在窗臺或是角落里，不需要太多，一點點綠色就能讓人心情舒暢。🌱🌿

舊物改造：比如廢舊雜志封面做貼紙、舊衣服改造成抱枕套，用創(chuàng)意去翻新舊物品，賦予它們新的生命。🧻🪨

這些小物件雖然簡單，但卻能給家里帶來很多溫馨的感覺?？靵碓囋嚳窗?#xff01;記得拍張照片發(fā)上來分享一下你的成果哦！📸🌈

我要裝修我要裝修

咨詢留言*

*所在地區(qū)

*詳細內容

<div   id="r19bhbtvb"   class="qdl-form-group ">
                    <label for="captcha" class="qdl-form-label"><strong class="qdl-text-danger">*</strong>圖形驗證碼</label>
                    <div   id="r19bhbtvb"   class="col-sm-10">
                        <div   id="r19bhbtvb"   class="qdl-form-group ">
                            <input type="text" class="qdl-form-control" id="captcha" name="captcha" autocomplete="off"
                                   data-rule-required="true" data-msg-required="請輸入驗證碼"
                                   data-msg-remote="驗證碼錯誤">
                            <div   id="r19bhbtvb"   class="input-group-append">
                                <img id="captchaImg" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="input-group-text"
                                     style="cursor:pointer;padding:0;" title="點擊重新獲取驗證碼" alt="驗證碼"
                                     onclick="fetchCaptcha();$('#captcha').focus();">
                                <input type="hidden" id="captchaToken" name="captchaToken">
                                <script>
                                    function fetchCaptcha() {
                                        axios.get('/frontend/captcha').then(function (response) {
                                            var data = response.data;
                                            if (data == null) return;
                                            $('#captchaImg').attr('src', 'data:image/png;base64,' + data.image);
                                            $('#captchaToken').val(data.token);
                                        });
                                    }

fetchCaptcha();
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
              
                <input type="hidden" name="siteId" value="1">
                <button type="submit" class="btn btn-primary" style="margin-left: 40%">確認提交</button>
            </form>
        </div>
    </div>
    </div>
<aside class="sidebar">
   <div   id="r19bhbtvb"   class="menu pull-right" style="padding-right: 20px;">
            <form  action="/search">
                <input class="search-input" name="q" id="q" type="text"   placeholder=" 輸入你要找的內容"/>
                <button type="submit" class="searchbtn" title="搜一下！"><i class="fa"></i></button>
                <input type="hidden" name="kwtype" value="0"/>
            </form>
        </div>
            <div   id="r19bhbtvb"   class="widget">
                <h3 class="widget_tit">熱門標簽</h3>
                <div   id="r19bhbtvb"   class="tag_list">
                   <ul>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084313490914818/" title="二層設計案例" class="btn btn-secondary btn-sm ml-2">二層設計案例</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084313534955010/" title="2020別墅裝修" class="btn btn-secondary btn-sm ml-2">2020別墅裝修</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084313635094018/" title="清新浪漫風" class="btn btn-secondary btn-sm ml-2">清新浪漫風</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084330495671809/" title="購房者" class="btn btn-secondary btn-sm ml-2">購房者</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084330593189377/" title="裝修期間" class="btn btn-secondary btn-sm ml-2">裝修期間</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084334537932290/" title="黃沙發(fā)" class="btn btn-secondary btn-sm ml-2">黃沙發(fā)</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084341484748289/" title="高效送風口" class="btn btn-secondary btn-sm ml-2">高效送風口</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084362762452481/" title="樓梯窗戶" class="btn btn-secondary btn-sm ml-2">樓梯窗戶</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084367087304193/" title="北朝南四臥設計" class="btn btn-secondary btn-sm ml-2">北朝南四臥設計</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084379196259842/" title="高大上裝修" class="btn btn-secondary btn-sm ml-2">高大上裝修</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084383503810050/" title="購物技巧" class="btn btn-secondary btn-sm ml-2">購物技巧</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084383551520257/" title="超市購物" class="btn btn-secondary btn-sm ml-2">超市購物</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084383629114881/" title="日常生活" class="btn btn-secondary btn-sm ml-2">日常生活</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084399334686209/" title="19樓裝修" class="btn btn-secondary btn-sm ml-2">19樓裝修</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084399414902274/" title="20樓灰塵" class="btn btn-secondary btn-sm ml-2">20樓灰塵</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084399498788353/" title="鄰居影響" class="btn btn-secondary btn-sm ml-2">鄰居影響</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084411280064002/" title="家庭小院布置" class="btn btn-secondary btn-sm ml-2">家庭小院布置</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084414978915841/" title="木元素裝飾" class="btn btn-secondary btn-sm ml-2">木元素裝飾</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084419233512962/" title="主題背景墻" class="btn btn-secondary btn-sm ml-2">主題背景墻</a></li>
                    <li><a href="http://www.schoolnd.com/zhuangshi/67084423448788482/" title="貓別墅尺寸" class="btn btn-secondary btn-sm ml-2">貓別墅尺寸</a></li>
                  </ul>
                </div>
               
            </div>
            <div   id="r19bhbtvb"   class="widget d_postlist">
                <h3 class="widget_tit">熱門排行</h3>
                <ul>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084297227501057.html" title="部隊大院改造記：復古與現(xiàn)代的完美碰撞!">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/13/1597d14705839c458d4526d72796b399.png" alt="部隊大院改造記：復古與現(xiàn)代的完美碰撞!"> </span>
                        <span id="r19bhbtvb"    class="text">部隊大院改造記：復古與現(xiàn)代的完美碰撞!</span> <span id="r19bhbtvb"    class="muted"> 2024-10-20</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">17次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084291603463682.html" title="打造夢幻泳池！邊角細節(jié)也得美">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/22/4c39d66e19f7329528c7489a751082ce.png" alt="打造夢幻泳池！邊角細節(jié)也得美"> </span>
                        <span id="r19bhbtvb"    class="text">打造夢幻泳池！邊角細節(jié)也得美</span> <span id="r19bhbtvb"    class="muted"> 2024-10-22</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">3次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084286313922050.html" title="美容院裝修秘籍：打造舒適又專業(yè)的空間">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/22/0df9461943678d9a635c4fa74de8eb9e.png" alt="美容院裝修秘籍：打造舒適又專業(yè)的空間"> </span>
                        <span id="r19bhbtvb"    class="text">美容院裝修秘籍：打造舒適又專業(yè)的空間</span> <span id="r19bhbtvb"    class="muted"> 2024-10-22</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">4次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084282213465601.html" title="冰箱變身客廳隔斷，簡約設計打造理想家居！">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/22/a3dec0f87f4b2d523f0d8c0d1a91fa73.png" alt="冰箱變身客廳隔斷，簡約設計打造理想家居！"> </span>
                        <span id="r19bhbtvb"    class="text">冰箱變身客廳隔斷，簡約設計打造理想家居！</span> <span id="r19bhbtvb"    class="muted"> 2024-10-22</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">4次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084268848840194.html" title="單色調床鋪也能美美噠！這些搭配技巧get起來">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/18/b3bbcc56973adf54e342f66af343e7ce.png" alt="單色調床鋪也能美美噠！這些搭配技巧get起來"> </span>
                        <span id="r19bhbtvb"    class="text">單色調床鋪也能美美噠！這些搭配技巧get起來</span> <span id="r19bhbtvb"    class="muted"> 2024-10-20</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">2次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084264629370369.html" title="朝南客廳，電視墻放哪邊更好看？#朝南客廳 #電視墻布局">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/22/1678b37b2f8ef9eb987ab54fe3b3ea55.png" alt="朝南客廳，電視墻放哪邊更好看？#朝南客廳 #電視墻布局"> </span>
                        <span id="r19bhbtvb"    class="text">朝南客廳，電視墻放哪邊更好看？#朝南客廳 #電視墻布局</span> <span id="r19bhbtvb"    class="muted"> 2024-10-22</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">2次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084260875992578.html" title="80平客廳大板桌如何優(yōu)雅擺放？#家居裝修秘籍">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/22/d8c0040521da4763472faf99fc5e96be.png" alt="80平客廳大板桌如何優(yōu)雅擺放？#家居裝修秘籍"> </span>
                        <span id="r19bhbtvb"    class="text">80平客廳大板桌如何優(yōu)雅擺放？#家居裝修秘籍</span> <span id="r19bhbtvb"    class="muted"> 2024-10-22</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">11次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084256263831042.html" title="古色古香，細品四合院之美">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/22/63799adecb60b91014aebbfd4008c2c7.png" alt="古色古香，細品四合院之美"> </span>
                        <span id="r19bhbtvb"    class="text">古色古香，細品四合院之美</span> <span id="r19bhbtvb"    class="muted"> 2024-10-22</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">2次閱讀</span></span>
                    </a></li>
                    <li><a href="http://www.schoolnd.com/zhuangxiu/67084252105178626.html" title="南北入戶玄關設計靈感大揭秘！進門第一印象太重要">
                        <span id="r19bhbtvb"    class="thumbnail"> <img src="https://img1.zhaosw.com/zx1/upload/images/202410/12/182ca2bc5c53b1339e3bc41028287f4d.jpg" alt="南北入戶玄關設計靈感大揭秘！進門第一印象太重要"> </span>
                        <span id="r19bhbtvb"    class="text">南北入戶玄關設計靈感大揭秘！進門第一印象太重要</span> <span id="r19bhbtvb"    class="muted"> 2024-10-20</span>
                        <span id="r19bhbtvb"    class="muted"><span id="r19bhbtvb"    class="ds-thread-count"
                                                  data-replace="1">5次閱讀</span></span>
                    </a></li>
                </ul>
            </div>
           
            <div   id="r19bhbtvb"   class="widget">
                <h3 class="widget_tit">最新文章</h3>
                <div   id="r19bhbtvb"   class="com_list">
                   <ul>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084304407100930.html" title="地下室變身溫馨小天地，不再浪費空間！">地下室變身溫馨小天地，不再浪費空間！</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084308651212290.html" title="VR看家！客廳效果圖帶你沉浸式體驗新家">VR看家！客廳效果圖帶你沉浸式體驗新家</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084313492487681.html" title="2020別墅二樓裝修案例：清新自然風">2020別墅二樓裝修案例：清新自然風</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084317106404866.html" title="陽臺裝修：不做吊頂，通鋪瓷磚的N種好處！">陽臺裝修：不做吊頂，通鋪瓷磚的N種好處！</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084320429866497.html" title="大空間小細節(jié)，如何打造理想中的餐廳？">大空間小細節(jié)，如何打造理想中的餐廳？</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084330497244673.html" title="精裝修房裝修期可參觀？攻略全在這里！">精裝修房裝修期可參觀？攻略全在這里！</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084334493367809.html" title="黃沙發(fā)入局，這個家瞬間亮了！#黃沙發(fā) #家居配色">黃沙發(fā)入局，這個家瞬間亮了！#黃沙發(fā) #家居配色</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084341446475266.html" title="高效送風口布置間距標準">高效送風口布置間距標準</a> </span>
                        </li>
                        <li><span id="r19bhbtvb"    class="comment_article"> <a href="http://www.schoolnd.com/zhuangxiu/67084345553747458.html" title="北歐簡約風，打造溫馨小窩">北歐簡約風，打造溫馨小窩</a> </span>
                        </li>
                    </ul>
                </div>
            </div>
        </aside>
    </div>
</section>

<div   id="r19bhbtvb"   class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  
  <div   id="r19bhbtvb"   class="pswp__bg"></div>
  
  <div   id="r19bhbtvb"   class="pswp__scroll-wrap">
    
    <div   id="r19bhbtvb"   class="pswp__container">
      <div   id="r19bhbtvb"   class="pswp__item"></div>
      <div   id="r19bhbtvb"   class="pswp__item"></div>
      <div   id="r19bhbtvb"   class="pswp__item"></div>
    </div>
    
    <div   id="r19bhbtvb"   class="pswp__ui pswp__ui--hidden">
      <div   id="r19bhbtvb"   class="pswp__top-bar">
        
        <div   id="r19bhbtvb"   class="pswp__counter"></div>
        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
        
        <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
        <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
        
        
        <div   id="r19bhbtvb"   class="pswp__preloader">
          <div   id="r19bhbtvb"   class="pswp__preloader__icn">
            <div   id="r19bhbtvb"   class="pswp__preloader__cut">
              <div   id="r19bhbtvb"   class="pswp__preloader__donut"></div>
            </div>
          </div>
        </div>
      </div>
      <div   id="r19bhbtvb"   class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
        <div   id="r19bhbtvb"   class="pswp__share-tooltip"></div>
      </div>
      <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
      <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
      <div   id="r19bhbtvb"   class="pswp__caption">
        <div   id="r19bhbtvb"   class="pswp__caption__center"></div>
      </div>
    </div>
  </div>
</div>

var eTarget = e.target || e.srcElement;
      var index = eTarget.getAttribute('data-index');
      if (index >= 0) {
        // open PhotoSwipe if valid index found
        openPhotoSwipe(parseInt(index, 10), gallerySelector);
      }
      return false;
    };

var parseElements = function (el) {
      var numNodes = el.length,
              items = [],
              imgEl,
              item;

for (var i = 0; i < numNodes; i++) {
        imgEl = el[i]; // <img> element
        // create slide object
        // 圖片寬高未知，先設置為 0，下面有代碼會重新獲取圖片寬高。
        item = {
          src: imgEl.src,
          w: 0,
          h: 0
        };
        items.push(item);
      }
      return items;
    };

var galleryElements = document.querySelectorAll(gallerySelector);
    for (var i = 0, l = galleryElements.length; i < l; i++) {
      galleryElements[i].setAttribute('data-index', i);
      galleryElements[i].onclick = onClick;
      galleryElements[i].style.cursor = 'pointer';
    }
  };
  var $articleImg = $('.article-content img');
  $articleImg.addClass('img-fluid');
  $articleImg.addClass('gallery-img');
  initPhotoSwipeFromDOM('.gallery-img');
</script>
<footer class="footer">
    <div   id="r19bhbtvb"   class="footer-inner">
        <div style="padding:0 20px;overflow:hidden;">
            <div   id="r19bhbtvb"   class="copyright">© 2025 杭州企抖電子商務有限公司 版權所有
              <a  target="_blank" class="text-reset">浙ICP備18006859號-5 </a>
            </div>

    </div>
</footer>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://#/hm.js?86262415eb5672c730854cffe802c150";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
  <div   class="r19bhbtvb"   id="successToast" class="toast bg-success text-white position-fixed m-3 hide" style="z-index:5;right:0;top:0;" role="alert" aria-live="assertive" aria-atomic="true" data-delay="3000">
    <div   id="r19bhbtvb"   class="toast-body"><i class="far fa-check-circle"></i><span id="r19bhbtvb"    class="ml-2" id="successMessage"></span></div>
  </div>

// 檢查是否需要顯示提示信息
    var MESSAGE_SUCCESS = 'ujcms_message_success';
    var MESSAGE_ALERT = 'ujcms_message_alert';

function displaySuccess(text) {
      $('#successMessage').text(text);
      $('#successToast').toast('show');
    }

function displayAlert(text) {
      var clientWidth = document.body.clientWidth || document.documentElement.clientWidth;
      var innerWidth = window.innerWidth;
      var scrollBarWidth = innerWidth - clientWidth;
      if (scrollBarWidth > 0) {
        $('body').css('width', 'calc(100% - ' + scrollBarWidth + 'px)');
      }
      $('body').css('overflow', 'hidden');
      $('#alertToastContainer').css('height', '100%');
      $('#alertMessage').text(text);
      $('#alertToast').toast('show');
    }

(function () {
      var messageSuccess = Cookies.get(MESSAGE_SUCCESS);
      if (messageSuccess) {
        // 顯示后清空標識
        Cookies.remove(MESSAGE_SUCCESS, {path: '/'});
        displaySuccess(messageSuccess);
      }

var messageAlert = Cookies.get(MESSAGE_ALERT);
      if (messageAlert) {
        // 顯示后清空標識
        Cookies.remove(MESSAGE_ALERT, {path: '/'});
        displayAlert(messageAlert);
      }
    })();

// 設置“操作成功”標識
    function showSuccess(text) {
      if (!text) text = '操作成功';
      Cookies.set(MESSAGE_SUCCESS, text, {path: '/'});
    }

function showAlert(text) {
      if (!text) text = '操作成功';
      Cookies.set(MESSAGE_ALERT, text, {path: '/'});
    }
  </script>

$('#showErrorModel .modal-body').text(text);
      $('#showErrorModel').modal('show');
    }

function showErrorPreJson(json) {
      $('#showErrorModel .modal-dialog').addClass('modal-xl').css('max-width', '100%');

var modalBody = $('#showErrorModel .modal-body').empty();
      makeModalBody(modalBody, json);
      // 不知 bootstrap 為何會自動加上 padding-right:17px，去除該項值。
      $('#showErrorModel').modal('show').css('padding-right', '');
    }

// data 為 XMLHttpRequest 對象：https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest
    function showErrorPre(data) {
      $('#showErrorModel .modal-dialog').addClass('modal-xl').css('max-width', '100%');

var modalBody = $('#showErrorModel .modal-body').empty();
      // 能否使用 response.json() 方法？不行，只有 fetch 的 response 才可以。responseText 是 XMLHttpRequest 的標準屬性。
      var json = data.responseJSON || (data.responseText && JSON.parse(data.responseText));
      if (json) {
        makeModalBody(modalBody, json);
      } else {
        modalBody.append($('<pre>').text(JSON.stringify(data, null, 4)));
      }
      // 不知 bootstrap 為何會自動加上 padding-right:17px，去除該項值。
      $('#showErrorModel').modal('show').css('padding-right', '');
    }

function makeModalBody(modalBody, json) {
      modalBody.append($('<h1>').append($('<span>').text(json.status)).append($('<small>').text(' (' + json.error + ')')))
              .append($('<p>').text('path: ' + json.path))
              .append($('<p>').text('timestamp: ' + dayjs(json.timestamp).format('YYYY-MM-DDTHH:mm:ss.SSSZZ')))
              .append($('<p>').append($('<code>').text(json.message)));
      if (json.trace) modalBody.append($('<pre>').css({'white-space': 'pre-wrap', 'word-wrap': 'break-word'}).append($('<code>').text(json.trace)));
    }

function handleError(data) {
      if (data.message && !data.error) {
        showError(data.message);
      } else {
        showErrorPreJson(data);
      }
    }

$(function () {
        $('#title').focus().select();
        $('#validForm').validate({
            rules: {
                captcha: {
                    remote: {
                        url: '/frontend/captcha/try', data: {
                            token: function () {
                                return $('#captchaToken').val();
                            }
                        }
                    }
                }
            },
            submitHandler: function (form) {
                request.post(form.action, $(form).serializeJSON()).then(function (response) {
                    var data = response.data;
                    if (data.status === 0) {
                        $('#clueFromId').hide();
                        displayAlert('提交成功，等待工作人員回復！');
                        // location.href = '';
                    }
                });
            }
        });
    });
</script>

<footer>
<a href="http://www.schoolnd.com/" title="邯郸当纺机械设备有限公司">邯郸当纺机械设备有限公司</a>

</div>
</footer>

邯郸当纺机械设备有限公司

公司裝修設計_工裝設計裝飾_裝修裝飾公司_店鋪裝修商業(yè)空間裝飾_千單令裝修網

家居DIY小物讓家更有溫度

最近文章

相關文章