uni app 小程式使用UI元件整理(三)

2021-10-08 17:38:25 字數 1174 閱讀 3503

image標籤,當src是需要判斷的資料時,使用:src="url"失敗

swiper進行數列滾動並要求每五個滾動一次

scroll-view的scroll-top無法滾動到指定位置

uview元件部分

icon無法進行位置調整

popup 彈出層,嵌入元件中使用時,彈出失敗

1. image標籤,當src是需要判斷的資料時,使用:src="url"失敗

現象:當在迴圈中的使用image標籤,並且標籤中需要迴圈的index判斷時,會報index的錯誤

解決辦法:在方法中傳入index進行返回值

解決辦法: 沒有解決

3. swiper進行數列滾動並要求每五個滾動一次

需求:每五個滾動一次,並且當資料不是五的倍數時,每次滾動仍按照五進行滾動

解決辦法:文件中的swiper只能記錄當前指向的下標,並且改變事件只能監聽到滾動後,因此先關掉了swiper的自動滾動,並手動加入滾動操作,當資料不是五的倍數時補全資料並給乙個變數isempty去判斷是補全資料

swiper:

changecurrent())}}

// 修改current改變當前指向進行滾動

setinterval(()=>

},3000)

},

4. scroll-view的scroll-top無法滾動到指定位置

現象:業務中的scroll-view的使用在uview中的tabs中,當在某個tab中進行了滾動之後,切換tab需要將scroll-view滾動到頂部而不是上乙個tab滾動的位址,根據文件使用scroll-top之後無效

解決辦法:scroll-view的scroll-top需要是乙個一直變動的值,當保持乙個值時,無法進行滾動,因為每次在改變tab時先給賦乙個其他值再改為0

changecurrenttab(index))

},

1. icon無法進行位置調整

解決辦法:沒有解決,可能是我開啟的方式不對,也可能是版本不夠

2. popup 彈出層,嵌入元件中使用時,彈出失敗

現象:提取popup為公共元件彈出時,進行變數控制,彈出失敗

解決辦法:沒有解決

小程式UI元件庫

前端衡量ui元件庫的標準 1 當前元件庫特點是否適合自己開發的 是否滿足自己的需求。2 ui元件庫的大小。元件庫的大小影響專案整體大小,影響載入時間 3 當前ui元件庫是否在維護當中。bug修復,以及元件的擴充和優化 1 weui 效果 開發文件參考 4 colorui 開發文件參考 編輯中 6 t...

uniapp 小程式懶載入(自己封裝元件)

當然我寫的這個拉載入 只是針對效果圖,但是也很炫酷,適合列表哦!啊哈原理其實就是用了 load 和error 的2個方法來判斷是否載入完全 和出錯 image class real image load onloaded src realsrc mode mode error handleimger...

uni app 小程式生成海報

有需要的可以封裝成元件使用。context.beginpath 設定線寬 context.linewidth 4 設定間距 引數為無限陣列,虛線的樣式會隨陣列迴圈 context.setlinedash 8,8 移動畫筆至座標 x20 y20 的位置 context.moveto 20,20 繪製到...