這次專案中遇到了這樣的場景

A，B, C三個不同的業務場景，每個業務場景下包含多個子項；

可以通過選中單個或者多個場景，下一步時，根據選擇的場景，載入不同的內容；例如：選擇A場景，只加載場景A的子項和公共的子項內容；選擇A+B,則下一個頁面只加載A的子項+B的子項+公共子項；

效果如下：選擇A，點選下一步，展示A+公共元件；

選擇A+B,點選下一步，展示A+B+公共元件；

第一步：首先，新增兩個html頁面，頁面1中設定三個點選框；頁面2，因為選擇不同的內容展示不同的內容，所以需要用動態面板設定多個組合展示內容；

頁面1：STEP1-選擇入口，三個選擇框，下一步按鈕用來切換至下一頁；

頁面2：STEP2-載入內容；這裡要用動態面板，把A/B/C以及他們的排列組合效果都列出來；在實際的繪製過程中，可以只做幾個效果也可以；

第二步：設定A/B/C切換選中狀態，即：設定選中狀態為【toggle】；為了設定一個滑鼠移入和選中的變化效果；滑鼠懸停，則方框的樣子，選中後，方框的樣子；

第三步：A,B,C任意選擇及組合，對應下一步載入不同的內容；要向實現這個效果，需要用到全域性變數以及條件設定；

全域性變數的設定：設定A選中時，全域性變數a=1，取消選中時，全域性變數a=0；

設定B選中時，全域性變數b=2，取消選中時，全域性變數b=0；

設定B選中時，全域性變數c=3，取消選中時，全域性變數c=0；

下面例子是以A為例子，設定全域性變數；

第四步，在STEP2-載入內容中，採用【頁面載入時】來設定不同的變數情況下，顯示不同的動態面板內容；

頁面載入時，滑鼠放置在頁面空白處，然後新增名稱為【頁面載入時】的用例；直接上用例；

這裡也是嘗試過n次，然後用條件編輯的方式if，elseif，最終實現的；

如果變數值a=1,且b=0且c=0，則動態面板載入顯示面板A；（a選中，b未選中，c未選中）

如果變數值a=0且b=2且c=0，則動態銘板載入顯示面板B；

如果變數值a=0,且b=0且c=3，則動態面板載入顯示面板C；

如果變數值a=1且b=2且c=0，則動態銘板載入顯示面板AB；

如果變數值a=1,且b=0且c=3，則動態面板載入顯示面板AC；

如果變數值a=0且b=2且c=3，則動態銘板載入顯示面板BC；

如果變數值a=1,且b=2且c=3，則動態面板載入顯示面板ABC；

按照這個執行下來，就可以滿足預想的效果了；

以上；