微信小程式基礎(三)

2022-07-09 07:30:19 字數 926 閱讀 4158

小程式提供了很多元件和方法,用來增強互動效果。比如,每次操作後,都顯示乙個動態提示,告訴使用者操作的結果,這種效果叫做 toast。

語法:wx.showtoast()

引數主要包含2個屬性:

title:展示的文字

duration:提示框的展示時間,單位為毫秒

showmsg())

}

執行效果:

對進行某項操作時,我們想要最終操作之前彈窗進行確認,這個就是對話方塊。對話方塊包含一下資訊:

提示標題(title),提示內容(content),**函式(success),根據**函式的引數來判斷使用者是否點選了確認還是取消

語法:wx.showmodal()

以修改data中的資料為例,修改之前彈出對話方塊進行確認

//獲取當前例項

page(,

modifymsg()

//確認時

console.log(res)

if(res.confirm),function())

})}else}})

}})

執行效果:

//2秒後取消載入提示

settimeout(() => ,

})}, 2000);

}執行效果:

微信小程式(三)

預設索引是index,預設物件是item,下面是自定義索引和物件。wx for適用於view和block,使用block時僅僅是將資料迴圈列印出來,不會乙個物件有乙個標籤,而view是會有乙個物件乙個標籤。wxml js data 每個陣列物件直接拼接 block每個物件不會有單獨的標籤 wx if...

微信小程式基礎(五)

globaldata onlaunch options onshow options onhide onerror 詳細配置page構造器 屬性型別 描述onload function 監聽頁面載入,觸發時機早於onshow和onready onready function 監聽頁面初次渲染完成 o...

微信小程式基礎(一)

乙個小程式頁面由四個檔案組成,分別是 wxml 頁面結構 wxss 頁面樣式 js 頁面邏輯 json 頁面配置 通常乙個頁面的4個檔案放在同乙個資料夾中,也就是說每個頁面使用乙個獨立的目錄,所有的頁面都統一放在pages目錄下 專案結構 效果預覽 n igationbarbackgroundcol...