WeChat アプレットの背景画像はローカル画像パスを直接設定し、エディターは正常に表示されますが、実際のマシンでは解決策が表示されません。

プロジェクトシーン

WeChat アプレットでは、background-image を設定してローカル画像パスを直接設定します。

問題の説明

エディタでは正常に表示されるが、実機では表示されない

原因分析

背景画像は、ネットワーク URL またはBase64画像でのみエンコードできます。

解決

1. ローカル画像をネットワーク URL に変換し、背景画像に設定します (
例: クラウド開発では、バックグラウンドでローカル画像をアップロードします)

2. ローカル画像をbase64形式に変換し、background-imageに設定します。

3. 背景画像の割り当て方法を放棄し、代わりに画像コンポーネントタグの src 属性を使用します。