Vue3.0+TS打造企業級元件庫 第五章學習
阿新 • • 發佈:2020-11-19
Vue3.0+TS打造企業級元件庫
- 5-1 複雜節點的渲染章節介紹和準備
- 5-2 開始實現ObjectField渲染並處理迴圈依賴的問題
- 5-3 使用provide跨層級傳遞資訊以及provide原始碼解析
- 5-4 完成ObjectField的渲染
- 5-5 資料節點的渲染設計
- 5-6 固定長度陣列的渲染
- 5-7 單型別陣列的渲染
- 5-8 多選陣列的渲染
$(document).ready(function() { var $ww = $(window).width(); var dv = $('ul.am-tabs-nav.am-nav.am-nav-tabs'), st;if ($ww < 623) { var tp =$ww+363; $(window).scroll(function() { st = Math.max(document.body.scrollTop || document.documentElement.scrollTop); if (st >= tp) { if (dv.css('position') != 'fixed') dv.css({'position': 'fixed', top: 53, 'z-index': 1000009 }); } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' }); });//滾動條復位(需要減去固定導航的高度) $('.introduceMain ul li').click(function() { sts = tp; $(document).scrollTop(sts); }); } else { dv.attr('otop', dv.offset().top); //儲存原來的距離頂部的距離 var tp = parseInt(dv.attr('otop'))+36; $(window).scroll(function() { st = Math.max(document.body.scrollTop || document.documentElement.scrollTop); if (st >= tp) { if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0, 'z-index': 998 }); //滾動條復位 $('.introduceMain ul li').click(function() { sts = tp-35; $(document).scrollTop(sts); }); } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' }); }); } });
:https://pan.baidu.com/s/1oJRtoo3rDBpWwQihZOSMcg提取碼:zm5n
【視訊高清無密,原始碼筆記齊全,如果失效加我:ititit111222333;:1940379308】