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

推薦する

HTMLがHikvisionカメラのリアルタイム監視機能を実現

最近、同社は CCFA 関連のいくつかの作業を行う予定で、その 1 つはカメラのリアルタイム監視を再...

Nginx 設定ファイルの詳細な説明と最適化の提案ガイド

目次1. 概要2. nginx.conf 1) 設定ファイルの場所2) ワーカープロセス3) イベン...

Dockerプライベートウェアハウスレジストリの導入

使用される Docker イメージが増えるにつれて、イメージを保存する場所、つまりウェアハウスが必要...

WeChatアプレットは日付と時刻に基づいた並べ替え機能を実装

最近、小さなプログラム プロジェクトを引き継いだのですが、リストを日付と時刻で並べ替えるという要件が...

jQueryとCSSを組み合わせてトップに戻る機能を実現

CSS操作 CS $("").css(名前|プロ|[,値|関数]) 位置$(&q...

HTML テーブルタグチュートリアル (19): 行タグ

<TR> タグの属性は、次の表に示すように、テーブル内の各行のプロパティを設定するために...

Ace をベースにした Markdown エディターを共有する

エディターは 2 つのカテゴリに分かれていると思います。1 つは、即時レンダリングを実現するために左...

vue keepAlive キャッシュクリア問題事例の詳細な説明

Keepalive は Vue プロジェクトでのキャッシュによく使用され、基本的な要件を満たすのに非...

XHTML 入門チュートリアル: Web ページのヘッダーと DTD

ヘッドと DTD はページには表示されませんが、Web ページの重要な要素です。 なぜ失敗したのでし...

Web デザインの経験: 独善的な Web デザイナー

1. ゴミかクラシックか? Web テクノロジーは急速に更新されており、Web サイトのインターフェ...

固定テーブル幅テーブルレイアウト: 固定

テーブルを画面全体(残りの空白領域)に表示するために、幅属性は 100% と定義されることが多く、セ...

Linux での Hbase のインストールと設定のチュートリアル

目次Linux での Hbase のインストールと設定1. Hbaseインストールパッケージをダウン...

Linux ファイル/ディレクトリの権限と所有権の管理

1. ファイルの権限と所有権の概要1. アクセス権Read r: ファイルの内容を表示し、ディレクト...

HTML でテーブルを分割および結合する (colspan、rowspan)

このコードは水平マージを示しています。 <!DOCTYPE html PUBLIC "...

ファイアウォールルールの設定とコマンド(ホワイトリスト設定)の詳しい説明

1. ファイアウォールルールを設定する例1: ポート8080を外部に公開する ファイアウォールコマン...