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

推薦する

Docker を使用して静的 Web サイト アプリケーションを作成する (複数の方法)

静的ウェブサイトをホストできるサーバーは数多くあります。この記事では、nginx、apache、to...

Windows10のマウスを模倣して境界線を光らせる効果を実現するCSSの詳細解説

最新の Windows 10 アップデートをインストールした後、システム UI の詳細な効果が顕著に...

Docker実行コンテナが作成状態にある問題についての簡単な説明

最近の問題としては、次のような現象があります。システムには、docker run コマンドを継続的に...

MySQLでホワイトリストアクセスを設定する方法

MySQLでホワイトリストアクセスを設定する手順1. ログイン mysql -uroot -pmys...

RedHat 6.5 に MySQL 5.7 をインストールするための詳細なチュートリアル

RedHat6.5インストールMySQL5.7チュートリアル共有、参考までに、具体的な内容は次のとお...

MySQL 5.7 でルートパスワードを変更する方法

MySQL 5.7 以降では、多くのセキュリティ更新が追加されました。旧バージョンのユーザーは慣れて...

Linux での感嘆符コマンド (!) の使用の概要

序文最近、弊社では mbp の設定をしており、ssh を使うことが多くなりました。複雑なコマンドを書...

ウェブページの読み込み進捗状況バーの詳細な説明(推奨)

(Web ページの読み込み中に、コンテンツが多すぎて読み込みと待機が続くことがあります。このとき、...

DockerとFastDFSのインストールコマンドと使い方の詳しい説明

Dockerの機能1) すぐに始められるユーザーがプログラムを「Docker 化」するには、わずか数...

MySQL MHA のセットアップと切り替えに関するいくつかのエラー ログの概要

1: masterha_check_repl レプリカ セット エラー レプリケートが構成ファイルで...

デジタル時計効果を実現するJavaScript

この記事の例では、JavaScriptでデジタル時計効果を実装するための具体的なコードを参考までに共...

Docker+Jenkinsを使用して自動的にビルドおよびデプロイする

この記事では、Docker+Jenkins の自動ビルドデプロイメントを紹介し、皆さんと共有します。...

Zabbixを使用してOracleテーブルスペースの操作プロセスを監視する

0. 概要Zabbix は非常に強力なオープンソースの監視ツールです。以下では、Zabbix がテー...

Javascriptでビルダーパターンを実装する方法

概要ビルダー パターンは比較的単純なデザイン パターンであり、作成パターンに属します。定義: 複雑な...

JavaScript バブルソートの例

目次1. バブルソートとは何か2. 例を挙げるラウンド1:第2ラウンド:第3ラウンド:第4ラウンド:...