ホームページ > WeChat アプレット > ミニプログラム開発 > WeChat アプレットのメッセージ プロンプト ボックスの実装

WeChat アプレットのメッセージ プロンプト ボックスの実装

不言
リリース: 2018-06-23 14:36:23
オリジナル
9771 人が閲覧しました

この記事では主に WeChat アプレット プロンプト ボックスを紹介し、参考として提供します。興味のある友達は参考にしてみてください。

Android で作業する場合、トーストは WeChat アプレット開発において重要なメッセージ プロンプト メソッドでもあります。

プロンプト ボックス:


メッセージ プロンプト ボックスを表示します。

OBJECTパラメータの説明:

サンプルコード:

wx.showToast({
 title: '成功',
 icon: 'success',
 duration: 2000
})
ログイン後にコピー

wx.hideToast()

メッセージプロンプトボックスを非表示

wx.showToast({
 title: '加载中',
 icon: 'loading',
 duration: 10000
})

setTimeout(function(){
 wx.hideToast()
},2000)
ログイン後にコピー

wx.showModal(OBJECT)

モーダルを表示ポップアップウィンドウ

OBJECT パラメーターの説明:

サンプルコード:

wx.showModal({
 title: '提示',
 content: '这是一个模态弹窗',
 success: function(res) {
  if (res.confirm) {
   console.log('用户点击确定')
  }
 }
})
ログイン後にコピー

wx.showActionSheet(OBJECT)

アクションメニューを表示

OBJECT パラメーターの説明:

戻り値パラメーターの説明:

サンプルコード: rree

設定ナビゲーション バー

wx.setNavigationBarTitle(OBJECT)

現在のページのタイトルを動的に設定します。

OBJECT パラメータの説明:

サンプルコード:

wx.showActionSheet({
 itemList: ['A', 'B', 'C'],
 success: function(res) {
  if (!res.cancel) {
   console.log(res.tapIndex)
  }
 }
})
ログイン後にコピー

wx.showNavigationBarLoading()

現在のページにナビゲーション バーの読み込みアニメーションを表示します。

wx.hideNavigationBarLoading()

ナビゲーションバーの読み込みアニメーションを非表示にします。

ページジャンプ:

wx.navigateTo(OBJECT)

現在のページを保持し、アプリケーション内のページにジャンプし、元のページに戻るにはwx.navigateBackを使用します。

OBJECT パラメータの説明:

サンプルコード:

wx.setNavigationBarTitle({
 title: '当前页面'
})
ログイン後にコピー
wx.navigateTo({
 url: 'test?id=1'
})
ログイン後にコピー

注意: ミニプログラムを使用する際にユーザーに迷惑をかけないように、ページパスは 5 レベルまでであると規定しています。マルチレベルは避けるようにしてください。相互作用。

wx.redirectTo(OBJECT)

現在のページを閉じて、アプリ内のページにジャンプします。

OBJECT パラメーターの説明:

サンプル コード:

//test.js
Page({
 onLoad: function(option){
  console.log(option.query)
 }
})
ログイン後にコピー

wx.navigateBack(OBJECT)

現在のページを閉じて、前のページまたは複数レベルのページに戻ります。 getCurrentPages()) を通じて現在のページ スタックを取得し、返すレベルの数を決定できます。

OBJECTパラメータの説明:

アニメーション:

wx.createAnimation(OBJECT)

アニメーションインスタンスアニメーションを作成します。インスタンスのメソッドを呼び出してアニメーションを記述します。最後に、アニメーション データはアニメーション インスタンスのエクスポート メソッドを通じてエクスポートされ、コンポーネントのアニメーション プロパティに渡されます。

注: エクスポート メソッドは、呼び出しごとに前のアニメーション操作をクリアします

OBJECT パラメーターの説明:

wx.redirectTo({
 url: 'test?id=1'
})
ログイン後にコピー

animation

アニメーション インスタンスは、アニメーションを記述するために次のメソッドを呼び出すことができ、それ自体が返されます。通話完了後のチェーンコール書き込みをサポートします。

スタイル:

回転:

スケール:

オフセット:

傾き:

マトリックス変換:

アニメーションキュー

アニメーション操作メソッドを呼び出した後、 step( ) アニメーションのセットの完了を示すには、アニメーションのセット内で任意の数のアニメーション メソッドを呼び出すことができ、アニメーションのセット内のすべてのアニメーションが同時に開始され、アニメーションのセットが完了するまで次のアニメーション メソッドは続行されません。一連のアニメーションが完成しました。 step は、wx.createAnimation() と同様の構成パラメータを渡して、現在のグループ アニメーションの構成を指定できます。

例:

var animation = wx.createAnimation({
 transformOrigin: "50% 50%",
 duration: 1000,
 timingFunction: "ease",
 delay: 0
})
ログイン後にコピー
<view animation="{{animationData}}" style="background:red;height:100rpx;width:100rpx"></view>
ログイン後にコピー

wx.hideKeyboard()

キーボードを非表示にします。

wx.stopPullDownRefresh()

現在のページのプルダウン更新を停止します。詳細については、ページ関連のイベント処理関数を参照してください。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連するおすすめ:

WeChatミニプログラムでプレースホルダープロンプトテキストとボタンの選択/キャンセルステータスを動的に設定する方法

WeChatミニプログラムのタブの簡単な紹介

WeChatミニプログラムでの複数画像アップロード機能の実装

以上がWeChat アプレットのメッセージ プロンプト ボックスの実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート