一.創建項目
二.示例代碼
js:
import prompt from '@system.prompt';
export default {
data: {
list:[],
fresh:false
},
onInit() {
this.list = [];
for (var i = 0; i <= 2; i++) {
var item = '列表元素' + i;
this.list.push(item);
}
},
refresh: function (e) {
prompt.showToast({
message: '刷新中...'
})
var that = this;
that.fresh = e.refreshing;
setTimeout(function () {
that.fresh = false;
var addItem = '更新元素';
that.list.unshift(addItem);
prompt.showToast({
message: '刷新完成!'
})
}, 2000)
}
}
css:
container {
flex-direction: column;
align-items: center;
width: 100%;
height: 100%;
}
.list {
width: 100%;
height: 100%;
}
.listitem {
width: 100%;
height: 150px;
}
.content {
width: 100%;
height: 100%;
flex-direction: column;
align-items: center;
justify-content: center;
}
.text {
font-size: 35px;
font-weight: bold;
}
hml:
{{$item}}
聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。
舉報投訴
-
HarmonyOS
+關注
關注
79文章
1973瀏覽量
30143
發布評論請先 登錄
相關推薦
絕對干貨!HarmonyOS開發者日資料全公開,鴻蒙開發者都在看
、服務中心等),卡片演示及FA卡片模板,分享卡片功能實現實例。3、絕對想不到的卡片玩法:該主題分享如何同時控制多個HarmonyOS卡片,如何在卡片應用中引入HarmonyOS分布式技術。4
發表于 08-04 14:36
HarmonyOS卡片開發--服務卡片概述
片服務。 卡片提供方實例管理模塊:由卡片提供方開發者實現,負責對卡片管理服務分配的卡片實例進行持久化管理。 通信適配層:由HarmonyOS
發表于 09-22 14:10
HarmonyOS應用開發-下拉刷新實現
;#039;刷新中...'})var that = this;that.fresh = e.refreshing;setTimeout(function () {that.fresh
發表于 04-22 10:45
鴻蒙系統如何設置自定義下拉刷新控件
Ohos-MaterialRefreshLayout 是一個自定義 Material 風格下拉刷新控件,支持設置水波紋效果,支持下拉刷新侵入式和非侵入式,初始化自動
華為開發者HarmonyOS零基礎入門:導航Component通知地點實現
華為開發者HarmonyOS零基礎入門:導航Component通知地點實現,provide與consume進行綁定,屬性對應組件流程刷新。
鴻蒙OS初始化組件之Android智能下拉刷新框架
SmartRefreshLayout以打造一個強大,穩定,成熟的下拉刷新框架為目標,并集成各種的炫酷、多樣、實用、美觀的Header和Footer。 正如名字所說
發表于 03-22 10:55
?1次下載
支持上拉加載和下拉刷新的鴻蒙版基礎控件教程
介紹 這是一個支持上拉加載和下拉刷新的鴻蒙版基礎控件,用于頁面數據刷新和加載 軟件架構 軟件架構說明 使用鴻蒙基礎控件實現 項目背景 由于大都數項目需要用到
發表于 03-29 13:35
?0次下載
帶小飛機動畫的下拉刷新控件使用教程
簡介 帶小飛機動畫的下拉刷新控件 集成 1.下載libs模塊包關聯使用 依賴項 { implementation fileTree(dir: ‘libs’, include: [‘*.jar
發表于 03-30 10:00
?5次下載
基于開源項目通用下拉刷新組件進行鴻蒙化的移植和開發
項目介紹 項目名稱:通用下拉刷新組件 所屬系列:鴻蒙的第三方組件適配移植 功能:下拉后進行頁面刷新 項目移植狀態:主功能完成 調用差異:無 開發
發表于 03-30 10:53
?0次下載
面向HarmonyOS開發者的HarmonyOS 3.0 Beta介紹
2021年10月,我們面向開發者發布了HarmonyOS 3.0 Developer Preview版,但開發的腳步永不停歇,現在我們又更新了API版本,配套發布了HarmonyOS
評論