VUE ユニアプリの条件付きコーディングとページレイアウトに関する簡単な説明

VUE ユニアプリの条件付きコーディングとページレイアウトに関する簡単な説明

条件付きコンパイル

条件付きコンパイルでは、特別なコメントがマーカーとして使用されます。コンパイル中、コメント内のコードはこれらの特別なコメントに基づいてさまざまなプラットフォームにコンパイルされます。

記述方法: #ifdef または #ifndef と %PLATFORM% で始まり、#endif で終わります。

#ifdef : 定義されている場合は特定のプラットフォームにのみ存在します

#ifndef :if not defined は特定のプラットフォームを除くすべてのプラットフォームで存在します

%PLATFORM% : プラットフォーム名

ページレイアウト

scss仕様、iPhone6/7/8のrpx幅は750、2rpx = 1px

<スタイル lang="scss">
	@import "./news.css"; // 他の CSS ファイルを読み込む .f1{
		フォントサイズ: 50rpx;
		.c3{
			背景色: 赤;
		}
	}
</スタイル>

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • VUE uni-app でよく使用される API についての簡単な説明
  • VUE ユニアプリカスタムコンポーネントについての簡単な説明
  • VUE ユニアプリの基本コンポーネントの簡単な紹介
  • VUE ユニアプリテンプレート構文についての簡単な説明
  • VUEユニアプリ開発環境についての簡単な説明
  • VUE ユニアプリコア知識の簡単な紹介
  • VUE ユニアプリライフサイクルに関する簡単な説明

<<:  ローカル yum ソースの設定、国内 yum ソースの設定、epel ソースの設定を行う Linux の手順

>>:  HTML テーブル マークアップ チュートリアル (43): テーブル ヘッダーの VALIGN 属性

推薦する

W3C チュートリアル (2): W3C プログラム

W3C 標準化プロセスは 7 つの異なるステップに分かれています。 W3C 標準化プロセスは 7 つ...

MySQL は、元のデータと同じデータがある場合、更新ステートメントを再度実行しますか?

背景この記事では主に、MySQL が更新ステートメントを実行するときに、元のデータと同一の (つまり...

JavaScript を使用してテーブル情報を追加および削除する

JavaScript 入門JavaScript は軽量なインタープリタ型の Web 開発言語です。言...

フロントエンドHTMLスキン変更機能の実装コード

透明を含む5つの肌の色を変更するには50行のコードが必要です最初にコードをお渡ししますので、ご自身で...

MySQL の時間タイプとモードの詳細

目次1. MySQL の時刻型2. タイムゾーンを確認する3. 不正な時間値4. 厳密モード5. 事...

JavaScript のクロージャの問題の詳細な説明

クロージャは、純粋関数型プログラミング言語の伝統的な機能の 1 つです。クロージャをコア言語構造の不...

MySQL 継続的集計の原理と使用法の分析

この記事では、例を使用して、MySQL の継続的な集計の原理と使用方法を説明します。ご参考までに、詳...

Web コンポーネントの内部イベント コールバックと問題点の分析

目次前面に書かれたWC とは何でしょうか?現在の欠陥1. コンポーネント内部イベントのコールバック2...

LinuxシステムでのSystemC環境設定方法

以下はcentos7での設定方法ですsystemc ソース パッケージをダウンロード: System...

js における浅いコピーと深いコピーの詳細な説明

目次1. jsメモリ2. 譲渡3. 浅いコピー4. ディープコピー序文:以下の記事を読む前に、記憶に...

nginx を使用して正規表現で指定された URL リクエストを傍受する方法

nginx サーバーnginx は、静的ファイルの処理に非常に効率的な優れた Web サーバーです。...

MySQL、Oracle、SQL Server のページングクエリ例の分析

最近、Oracle、MySQL、SQL Server 2005 のデータ ページング クエリについて...

Day.js をベースにした JavaScript での日付処理のよりエレガントな方法

目次day.js を使用する理由モーメントデイ.js day.js がなければどうなるでしょうか? ...

ウェブページのテキストデザインは、服を着た賢い女の子のようであるべきだ

<br />「この世に醜い女性はいない、あるのは怠惰な女性だけだ」これは女性の美のバイブ...

古い Vue プロジェクトに Vite サポートを追加する方法

1. はじめに会社のプロジェクトを引き継いで2年になります。今では毎回プロジェクトを起動するのに1分...