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

推薦する

MySQLでユーザーを作成し、権限を管理する方法

1. ユーザーとパスワードの作成方法1. MySQLデータベースに入る mysql> mysq...

Windows での MySQL 8.0.18 インストール チュートリアル (図解)

ダウンロードダウンロードアドレス: https://dev.mysql.com/downloads/...

CocosCreatorの共通知識ポイントを整理する

目次1. シーンの読み込み2. ノードを見つける1. ノード検索2. その他のノード操作3. 再生ア...

IDEA が Docker を統合してリモート展開を実現するための詳細な手順

1. Dockerサーバーへのリモートアクセスを有効にするdocker が配置されているリモート サ...

vue.js パッケージ化プロジェクトの後の空白ページの解決策

Vueに触れたばかりのパートナーの多くは、開発環境ではVueプロジェクトは正常であるが、パッケージ化...

Win10 + Ubuntu 16.04 デュアルシステム 完璧なインストールチュートリアル [詳細]

必ずデータをバックアップすることを忘れないでください。データは貴重なものです! ! !コンピュータモ...

CentOS 7でsambaを使用してフォルダーを共有するための完全な手順

序文Samba は、サーバー プログラムとクライアント プログラムで構成され、Linux システム上...

読み取り専用と無効の違い

要約すると: Readonly は入力 (テキスト/パスワード) とテキスト領域に対してのみ有効です...

React dva実装コード

目次ドヴァdvaの使用DVAの実装非同期をサポートルーターの実装成し遂げる:ドヴァdva は、red...

高性能なウェブサイトのための14のテクニック

オリジナル: http://developer.yahoo.com/performance/rule...

HTMLノードの追加と削除の簡単な例

<br />HTMLノードの追加と削除の簡単な例<input type="...

MYSQL の 3 つのツリー構造テーブル設計の長所と短所の簡単な分析と共有

目次導入質問設計 1: 隣接リストテーブルデザインSQL の例デザイン 2: パスの列挙テーブルデザ...

ウェブページサイズに関する調査

<br />統計によると、Web ページの平均サイズは 2003 年以降 3 倍に増加し...

Centos7 インストール mysql5.6.29 シェル スクリプト

この記事では、参考までにmysql5.6.29のシェルスクリプトを共有します。具体的な内容は次のとお...