ホームページ > 記事 > ウェブフロントエンド > WeChat ミニプログラムを IOS と Android に対応させる方法

WeChat ミニプログラムを IOS と Android に対応させる方法

小云云オリジナル: 2018-01-31 13:31:342620ブラウズ

この記事は、WeChat アプレット開発における IOS と Android の互換性の問題に関する関連情報を主に紹介します。この記事が、困っている皆さんの参考になれば幸いです。

WeChatミニプログラム開発におけるIOSとAndroidの互換性の問題

1.時間変換の問題:

これはミニプログラムだけの問題ではなく、iOSシステムにも問題があります

new Date( "2017-06-16") IOSではNANが発生するため、時刻変換を別途カプセル化する必要があります

1.「-」を「/」に置き換えます

2. "." の後 (ミリ秒の問題もあります)

コードは次のとおりです:

 /**
   * 字符串转换为时间
   * @param {String} src 字符串
   */
  strToDate(dateObj){
   dateObj = dateObj.replace(/T/g, &#39; &#39;).replace(/\.[\d]{3}Z/, &#39;&#39;).replace(/(-)/g, &#39;/&#39;)
   dateObj = dateObj.slice(0, dateObj.indexOf("."))
   return new Date(dateObj)
  }

2. 位置の問題を修正

iOS でプルダウンすると、ドロップダウンイベントですが、アニメーション効果はありません。 Android は正常に実行できます

flex では絶対配置が使用されていますが、iOS では重大な位置ずれが発生し、Android では望ましい効果が得られます

つまり、絶対配置は使用しないようにしてください

3。問題

1. 絶対配置を使用し、帯域幅を 100% に設定してパディングを設定すると、画面幅がオーバーフローし、ページが左右に移動できるバグが表示されます。シミュレーター上では問題ありません。 , しかし、この問題は実機にも存在します。この問題により、私は長い間デバッグに悩まされていました

2. 絶対値を使用し、現在の要素がフレックスコンテナーである場合、Ios ではレイアウトは影響を受けません。すべての要素は絶対値に変換され、テキストの位置がずれます。

3. 要するに、絶対値は使用しないようにしてください

4. ボタン内の単語の間隔に関する問題

大きなボタンを使用するときに、2 つの単語の間にスペースが必要になることがありますが、それができるプレースホルダーが見つかりません。テキストの間隔を設定するには、スペースを追加するワードスペーシング方法が使用されますが、iPhone 6s では、2 つの単語の間にスペースがあると、全体が右に傾いてしまいます。スペースを 2 つ設定する必要があります。正しく動作するように！

WeChat ミニプログラムを IOS と Android に対応させる方法

関連記事