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 属性

推薦する

JavaScript でイベントのバブリングを防ぐ方法

注意すべき点は、イベントバブリング自体の特性上、メリットだけでなくデメリットも生じるということです。...

MySQL学習データベース操作DML初心者向け詳細解説

目次1. ステートメントを挿入する1.1 行を挿入する1.2 複数行を挿入する1.3 クエリステート...

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

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

JavaScript関数の詳細な説明これを指す問題

目次1.関数内のこの方向1. 通常の機能2. コンストラクター3. オブジェクトメソッド4. イベン...

MacでMysqlのルートパスワードを忘れた場合の解決方法

長い間コンピューターで mysql を使用していなかったので、パスワードを忘れてしまいました。でも、...

CSS のフローティング サンプル コードをクリアする方法

概要この記事のフレームワーク図は次のとおりです。 1. フローティングとは一体何でしょうか? W3s...

HTML マークアップ言語 - リファレンス

123WORDPRESS.COM HTML チュートリアル セクションに戻るには、ここをクリックして...

mysql5.5.28 のインストール チュートリアルは非常に詳細です。

参考までにmysql5.5.28のインストールチュートリアルです。具体的な内容は次のとおりです。イン...

Centos7.3 Nginx をインストールして展開し、https を設定する方法

設置環境1. gccのインストールnginxをインストールするには、まず公式サイトからダウンロードし...

jQueryはシンプルなカルーセル効果を実装します

みなさんこんにちは。今日はカルーセルの実装についてお話しします。私が作成したカルーセルの効果は次のと...

MySQL における大規模オブジェクトのマルチバージョン同時実行制御の詳細な説明

MySQL 8.0: InnoDB のラージ オブジェクトに対する MVCCこの記事では、MySQL...

画像の半透明処理 画像と半透明の背景の実装のアイデアとコード

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

mysql エラー 1045 (28000) - ユーザーへのアクセスが拒否される問題を解決する方法

問題の説明 (以下の説明は Windows 環境に限定されます): D:\develop\ide\m...

Vueのカスタムディレクティブの詳細なガイド

目次1. カスタム指示とは何ですか? 2. 指示をカスタマイズする方法フック機能3. 応用シナリオ入...

Vue+elementuiはドロップダウンテーブルの複数選択と検索機能を実現します

この記事では、ドロップダウンテーブルの複数選択と検索を実現するためのvue+elementuiの具体...