ホームページ > ウェブフロントエンド > uni-app > uniappで設定した背景画像が表示できない場合はどうすればよいですか?

uniappで設定した背景画像が表示できない場合はどうすればよいですか?

藏色散人
リリース: 2023-01-13 00:44:31
オリジナル
8976 人が閲覧しました

uniappで設定した背景画像が表示できない問題の解決策: 1. 画像サイズを確認し、base64形式に変換して使用するか、サーバー上に置いてネットワークアドレスから参照する; 2. ローカル背景画像の変更 参照パスを「~@」記号で始まる絶対パスに変更します。

uniappで設定した背景画像が表示できない場合はどうすればよいですか?

#このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、Dell G3 コンピューター。

おすすめ(無料):

uni-appチュートリアル

uni-appの背景画像が携帯電話に表示されないのですが?

ローカル画像をロードできない問題に対するuni-appの解決策[背景画像の動的ロード*唯一の解決策]

特記事項: [`url(${indexBackgroundImage})`]
<template>
	<view class="index" :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize: &#39;cover&#39;}">
		<!--你的内容-->
	</view>
</template>
 
<script>
	
	import indexBackgroundImage from "@/static/img/account_index.jpg"
	
	export default {
		data() {
			return {
				indexBackgroundImage:indexBackgroundImage
			}
		},
		methods: {
			
		}
	}
</script>
 
 
<style lang="scss" scoped="">
</style>
ログイン後にコピー
を忘れないでください

以上がuniappで設定した背景画像が表示できない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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