cost 130 ms
如何修復 ios 上的離子滑動變形寬度?

[英]How to fix ion-slides deformed width on ios?

有時 iOS 上的ion-slides滑塊變形( ion-slide寬度錯誤並溢出)。 設置width: 100% !important和overflow: hidden部分修復了問題,但帶來了一個新錯誤,即最后一張幻燈片后的空白到死屏。 使用slides.update() function 不能 ...

如何根據 Ionic 中的屏幕大小更改 slidesPerView?

[英]How to change slidesPerView depending upon the screen size in Ionic?

我正在從事一個離子項目,我使用離子幻燈片創建了 slider。 我需要在 slider 中展示一些多個產品。 對於縱向視圖,我每張幻燈片顯示 1.25 個視圖(即,slidesPerView = 1.25),效果很好。 對於橫向視圖,我需要為每個視圖顯示 2.25 張幻燈片。 有沒有動態的解決方案 ...

離子幻燈片顯示低於 ionic 5

[英]ion-slides showing below the content ionic 5

我在這里使用 Ionic 5,我注意到當我在 ion-slide 1 的幻燈片中的列表中有許多項目時,在下一個 ion-slide 中有一些項目時,當我以編程方式在兩者之間轉換時,在它所包含的實際內容下方開始的項目較少的幻燈片。 就像幻燈片在過渡期間共享 Y 軸卷軸 position。 幻燈片,其 ...

使用離子幻燈片顯示電影數組

[英]Showing movies array with ion-slide

我正在使用一個應用程序,我想使用 ion-slide 組件顯示一系列電影。 我想像 Netflix 應用一樣展示電影,這樣電影都在同一行,用戶可以水平滾動。 使用 ions-lider 已經成功了,但是它的樣式根本不起作用。 影片圖像由外部 API 提供,大小不一,但高度和比例相同。 問題是: 電影 ...

如果頁面(演練)已被查看一次,如何更改應用程序路由路徑

[英]How to change the app route path if a page (walkthrough) has been view once

我有使用 ion-slides 構建的應用程序演練/介紹,它被加載為 app.routing.module.ts 中的默認頁面。 我只想在應用程序第一次啟動時顯示這個,所以我的問題是如何在應用程序路由模塊中配置應用程序路由以設置一次打開頁面? 我閱讀了文檔,但找不到參考。 ...

執行調度程序刷新期間未處理的錯誤。 這可能是一個 Vue 內部錯誤

[英]Unhandled error during execution of scheduler flush. This is likely a Vue internals bug

在 Vue.js 中創建幻燈片時出現以下錯誤: 如果我添加硬編碼的幻燈片,它不會顯示任何錯誤。 但是,如果我使用v-for循環動態添加幻燈片,則會顯示上述錯誤。 我通過以下方式添加了幻燈片: 這是模板: <ion-slides pager="true" :options="slideOpts ...

如何在移動到下一張幻燈片之前驗證離子幻燈片中的表單?

[英]How to validate a form in a ionic slide before moving to next slide?

我正在構建一個離子應用程序,其中包含 4 張幻燈片,每張幻燈片中都有 forms,使用 slideNext() 移動到下一張幻燈片。 有沒有一種方法可以在移動到下一張幻燈片之前驗證每個幻燈片表單? 在提交所有表單數據之前,我會嘗試使用“if”語句檢查最后一張幻燈片的有效性,但一些 forms 需要 ...

如何結合 Ionic Segment 和 Slide 以使用 Ionic-React 制作可滑動的選項卡?

[英]How to combine Ionic Segment and Slide to make swipe-able tabs with Ionic-React?

我是 Ionic 的新手,在我的 Ionic-React 應用程序中組合 IonSegment 和 IonSlides 時遇到問題。 互聯網上沒有太多資源,尤其是與 Ionic 和 React 一起使用。 我如何獲取幻燈片內容的索引(在本例中為 Card 組件),這也會將內容更改為下一個部分(從 M ...

循環中的多個離子載玻片未在載玻片上提供正確的索引

[英]Multiple ion-slides in loop not providing correct index on slides

在我的 Ionic 5 應用程序中,我必須通過 ion-slides 水平顯示我的自定義組件,並在循環中垂直重復每個滑塊。 在代碼中跟隨。 以下獲取活動幻燈片編號的方法 我的目標是為每個索引獲取正確的活動幻燈片編號。 滑塊工作正常,並且每次僅第一個(索引 0)滑塊的activeSlideN ...

Ionic v5 - Ion-slide 如何更改分頁位置

[英]Ionic v5 - Ion-slide how to change pagination position

我需要幫助! 我正在嘗試更改 ion-slide 分頁的位置。 我知道我可以更改為 .swiper-pagination 類。 但是,我只能將 .swiper-pagination 放在 global.css 中。 但這帶來了一個巨大的問題,其他頁面的所有幻燈片都繼承了這個配置,我只想在一個頁面上 ...

離子滑塊固定在離子含量的底部

[英]ion-slider fixed on bottom of ion-content

我將離子滑塊固定在離子內容的頂部我試圖將其固定在底部並始終繼續滑動,在頁面的第一次加載時 slider 會自動滑動但是如果我打開另一個頁面並返回到同一頁面slider 停止。 <ion-header> <ion-toolbar class="new-background-colo ...

更改離子幻燈片時如何觸發腳本?

[英]How to trigger a script when changing of slide in ionic?

我正在用 Ionic & Angular 編寫應用程序。 我正在使用 ion-slides 組件,我想啟動一個腳本來重新計算每次更換幻燈片時的全部金額......你能解釋一下怎么做嗎? 有通用事件嗎? 感謝您到目前為止的閱讀。 ...

Ionic 5 離子載玻片作為“虛擬載玻片”

[英]Ionic 5 ion-slides as “Virtual Slides”

我正在使用帶有離子幻燈片的Ionic Framework v5,它基於Swiper.js ,它具有一個virtual屬性,可以根據您在項目列表中的位置智能地從 DOM 加載和卸載數據。 我找不到任何關於如何在 Ionic 中實現它的信息。 任何指針將不勝感激。 謝謝你。 ...

使用 Ionic 3 在離子幻燈片內水平滾動

[英]Horizontal scroll inside an ion-slide with Ionic 3

在下圖中,我有兩個 Div,每個 Div 都在一個 ion-slide 內,它們水平移動,因為它們在 ion-slide 組件中(DivA 和 DivB) 在 DivA(藍色)內部,如下圖所示,我有一個 Div (DIV-SCROLL)(紅色),它也應該有一個水平滾動。 但是,當嘗試在 DIV-S ...

最后一張幻燈片未調用 Ionic 5 Slides ionSlideDidChange

[英]Ionic 5 Slides ionSlideDidChange not called for last slide

我目前正在使用離子幻燈片(在 Ionic 5 中)並且在獲取最后一張幻燈片的選定幻燈片索引時遇到問題。 這個問題發生在我將slidesPerView設置為 1.3 之后。 當我嘗試滑到最后一張幻燈片時,即使ionSlideDidChange事件也不會被觸發(當我滑到其他幻燈片時,事件觸發得很好。) ...

離子幻燈片反應內容都在一條線上

[英]Ionic Slide React Content Is All On One Line

我正在嘗試使用多張幻燈片創建視圖。 但是,同一張幻燈片上的組件僅在一行上呈現,而不是按鈕上方的標題。 有人可以幫我解決這個問題嗎? 我的幻燈片代碼是: 我得到的顯示是: ...

ion-slides - 幻燈片的動態數量

[英]ion-slides - dynamic amount of slides

操作系統:Win10 Pro 離子版本: CLI 6.6.0 節點版本: v14.0.0 我正在使用IonSlides組件,並且遇到了以下問題。 我有一個日期數組,必須為每個日期創建一個IonSlide組件。 用戶可以重新安排開始和結束日期。 如果日期數組的長度與之前的長度不同,則布局中斷。 我設法 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM