B01-容器&頁籤&彈窗

元件名稱:B01_01_Tab_Homepage

程式位置:B01/TabHomepage.vue

總覽
基金
債券
股票 ETF
結構型商品

當前選擇的頁籤: overview

元件名稱:B01_01_Tab_NoIcon

程式位置:B01/TabNoIcon.vue

基金
債券
債券
債券

當前選擇的頁籤: fund

元件名稱:B01_01_Tab_Text

程式位置:B01/TabText.vue

  • 全部
  • 國內
  • 海外
  • 亞洲
  • 歐洲
  • 美洲

當前選擇的頁籤: all

元件名稱:B01_01_Tab_TextwSetting

程式位置:B01/TabTextwSetting.vue

  • 凱基精選一六九
  • 凱基精選二
  • 凱基精選三
  • 凱基精選四
  • 凱基精選五

當前選擇的頁籤: domestic

元件名稱:B01_01_Tab_Capsule

程式位置:B01/TabCapsule.vue

當前選擇的頁籤: option1

元件名稱:B01_01_Tab_Chart

程式位置:B01/TabChart.vue

當前選擇的頁籤: option1

元件名稱:App_B01_03_PickerPopup

程式位置:B01/AppPickerPopup.vue

文件彈窗

元件名稱:B01_03_Collapse

程式位置:B01/Collapse.vue

向下展開


向上展開


置中向下展開


動態標題


無標題


白底版 + padding

元件名稱:B01_04_CardContainer

程式位置:B01/CardContainer.vue

CardContainer Type 1

容器

可放原子、版型

容器

可放原子、版型

容器

可放原子、版型


CardContainer Type 2

容器

可放原子、版型

容器

可放原子、版型

容器

可放原子、版型


無外框陰影

容器

可放原子、版型

容器

可放原子、版型

容器

可放原子、版型

元件名稱:App_B01_04_FunctionalButtonArea

程式位置:B01/AppFunctionalButtonArea.vue

文字
文字文字文字文字文字文字文字文字文字文字文字文字
文字文字文字
文字文字文字文字
文字文字文字文字
文字文字文字
文字文字文字
文字文字文字
文字文字文字
文字文字文字

元件名稱:B01_05_Dialog

程式位置:B01/Dialog.vue

各種按鈕組合的對話框元件

元件名稱:B01_05_Dialog_AmountList

程式位置:B01/Dialog.vue + B03/DetailList.vue

當日收付明細對話框


Dialog Ver2 帶 Checkbox

元件名稱:B01_06_Popup_Info

程式位置:B01/PopupInfo.vue

資訊彈窗

元件名稱:B01_06_Popup_Picker

程式位置:B01/PopupPicker.vue

各種類型的選擇器彈窗

元件名稱:B01_06_Popup_Document

程式位置:B01/PopupDocument.vue

文件彈窗

元件名稱:B01_06_Popup_Filter

程式位置:B01/PopupFilter.vue

篩選彈窗

元件名稱:B01_06_Popup_MutiFilter

程式位置:B01/PopupMutiFilter.vue + B01/PopupMutiFilterDate.vue

多重篩選彈窗

日期篩選結果 :

自訂查詢區間 :

日期 : -

元件名稱:B01_07_ProgressIndicator

程式位置:B01/ProgressIndicator.vue

步驟進度指示器

第 1 步
步驟名稱1
共 5 步

元件名稱:B01_13_LinkedAccountPopup

程式位置:B01/LinkedAccountPopup.vue

連結帳戶選擇彈窗

當前選擇: ETreasury

元件名稱:App_B01_01_Tab_Chip

程式位置:B01/AppTabChip.vue

  • 總覽
  • 基金
  • 債券
  • 股票 ETF
  • 結構型商品

當前選擇的頁籤: overview

元件名稱:App_B01_02_SearchPopup

程式位置:B01/AppSearchPopup.vue