1. 程式人生 > 實用技巧 >Vue3.0+TS打造企業級元件庫 第五章學習

Vue3.0+TS打造企業級元件庫 第五章學習

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】