WeChatアプレット開発の共通機能と使用方法のまとめ

var windowHeight = wx.getSystemInfoSync().windowHeight
var windowWidth = wx.getSystemInfoSync().windowWidth

クラス="operBtn {{select==1?'activeClass':''}}"
スタイル="display:{{displayPhoto}}"

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view>

<van-tag plain style="margin-left:10px;" bindtap="toggle">すべて選択</van-tag>
//クリック イベントのバブリング イベント catchtap<van-button class="shop-but" size="mini" icon="like-o" catchtap="getWish" data-pro_id='{{item.product_id}}'></van-button>

//クリックデータを取得する let id = e.currentTarget.dataset.id

// コンポーネントの wx:for コントロール属性を使用して配列をバインドし、配列内の各項目のデータを使用してコンポーネントを繰り返しレンダリングできます。
//配列内の現在の項目のデフォルトの添え字変数名はindexで、配列内の現在の項目のデフォルトの変数名はitemです。
<view wx:for="{{array}}">
  {{index}}: {{item.message}}
</ビュー>

//または//wx:for-itemを使用して配列の現在の要素の変数名を指定します。
//wx:for-index を使用して、配列の現在のインデックスの変数名を指定します。
<view wx:for="{{array}}" wx:for-index="idx​​" wx:for-item="itemName">
  {{idx}}: {{itemName.message}}
</ビュー>

//ストレージ this.setData({
        結果: イベントの詳細
      });
 // this.data.result を使用する

"プルダウンリフレッシュを有効にする": true,
"ナビゲーションバーの背景色": "#FFA500",
"navigationBarTitleText": "私の請求書",
"ナビゲーションバーのテキストスタイル": "白"

wx.setナビゲーションバータイトル({
     タイトル: this.data.info.name
})

<van-divider カスタムスタイル="margin:10px 0;" />

//時刻形式 <wxs module="format">
    var フォーマット = 関数(日付) {
        var date = getDate(日付)
        var 年 = date.getFullYear()
        var 月 = date.getMonth() + 1
        var 日 = date.getDate()
        var weekDay = date.getDay()
        var 週 = ''
        switch(曜日){ 
            ケース0: 
                週 = '日曜日'
                壊す; 
            ケース1:
                週 = '月曜日'
                壊す; 
            ケース2: 
                週 = '火曜日'
                壊す; 
            ケース3: 
                週 = '水曜日'
                壊す; 
            ケース4: 
                週 = '木曜日'
                壊す; 
            ケース5: 
                週 = '金曜日'
                壊す; 
            ケース6: 
                週 = '土曜日'
                壊す; 
        }
        月 + '月' + 日 + '日' + ' ' + 週を返します。
    }
module.exports.format = フォーマット;
</wxs>


//モバイルメールボックスにアスタリスクを付ける<wxs module="phone">
var toHide = 関数(配列) {
  var mphone = array.substring(0, 3) + '****' + array.substring(7);
  mphone を返します。
}
モジュールをエクスポートして非表示にする
</wxs>

<ビデオ 
      id="myVideo" 
      src="{{url}}" 
      binderror="videoErrorCallback" 
      表示センター再生ボタン='{{false}}' 
      再生ボタンを表示 = "{{true}}"
      コントロール
      title="コース"
      オブジェクトフィット="fill"
      自動回転を有効にする="true"
      bindtimeupdate="bindtimeupdate"
    </ビデオ>
//

 videoCtx = wx.createVideoContext('myVideo', this) を作成します。
ビデオCtx.一時停止()


//bindtimeupdate 進行時間を取得し、時間に応じて再生操作を制限する bindtimeupdate:function(res){//再生関数、現在の再生時間の確認など。let video_status = this.data.video_status
        それを = これとする
        （res.detail.currentTime > 10）の場合{
            ビデオステータス === '0' の場合
                wx.showModal({
                    タイトル: 「ログイン」
                    content: '体験コースは終了しました。引き続き視聴する場合は、まずログインしてください',confirmText:'確認',
                    成功（res）{
                      （res.confirm）の場合{
                        wx.switchTab({
                            URL: '/pages/user/user'
                        })
                      } そうでない場合 (res.cancel) {
                        wx.navigateBack({
                          デルタ: 1,
                        })
                      }
                    }
                })
            } そうでない場合 (video_status === '2'){
                videoCtx = wx.createVideoContext('myVideo', this) を作成します。
                ビデオCtx.一時停止()
                wx.showModal({
                    タイトル:「コースを購入」
                    content: 'トライアルコースは終了しました。引き続き視聴する場合は、まず購入してください'、confirmText: '今すぐお支払いください'、
                    成功（res）{
                    （res.confirm）の場合{
                        onClickButton() 関数
                    } そうでない場合 (res.cancel) {
                        wx.navigateBack({
                        デルタ: 1,
                        })
                    }
                    }
                })
            }
            
        } それ以外 {
            
        }
    },

//保存してみる{
          wx.setStorageSync('車', 情報)
        キャッチ（e）{}
//取得してみる{
      var 値 = wx.getStorageSync('car')
      if (値) {
        this.setData({
          ApplyContent:値
        })
      }
    } キャッチ (e) {
    }

//公式サイト const QQMapWX = require('../../assets/js/qqmap-wx-jssdk')
定数qqmapsdk = 新しいQQMapWX({
    キー: 'XSTBZ-G74CJ-7BVFQ-KC2JD-ONRK5-ZABGU'
})

住所場所を取得する(){
        それを = これとする
        wx.getLocation({
        タイプ: 'gcj02',
        成功（res）{
            定数緯度 = res.緯度
            定数経度 = res.経度
            that.getAddress(緯度、経度)
            
        }
        })
    },
    getAddress(緯度、経度) {
        それを = これとする
        qqmapsdk.reverseGeocoder({
            場所: {緯度,経度},
            成功(res) {
                コンソールログ(res);
                var mks = []
                mks.push({ // 返された結果を取得し、それをmks配列に格納します title: res.result.address,
                    id: 1,
                    緯度: 緯度、
                    経度: 経度、
                    iconPath: "../../img/mk.png", //アイコンパスの幅: 20,
                    高さ: 20
                })
                that.setData({
                    アドレス:res.result.address、
                    マーカー: mks、
                    緯度: 緯度、
                    経度: 経度、
                })
            }
        })
    },

コピーボタン: 関数 (e) {
        var currentidx = e.currentTarget.dataset.num;
        コンソールログ(現在のIDx); 
        wx.setクリップボードデータ({
        データ: 現在のIDX、
        成功: 関数 (res) {
            wx.showToast({
            タイトル: 「コピー成功」
            });
        }
        });
    },