uni-app で scss を使用するサンプル コード

uni-app で scss を使用するサンプル コード

遭遇した落とし穴

私は午後中ずっと、uni-app で scss を使用する際の落とし穴を解決することに費やしました。まず、私の問題についてお話しします。scss を使用するときに @mixin を使用できなかったので、Baidu はさまざまな方法を使用してデバッグしました。

コード記述問題(公式サイトの記述方法を完全に踏襲することは不可能): 公式サイトデモ

ブラウザの問題(Firefox が動作しない)。

構文バージョンの問題(書き方を変えてもダメ): SCSSはmixinでは動作せず、ブラウザでコンパイルできない

プラグインがインストールされていません (再インストールしても機能しません)。

<style type='css'> を scss に変更しましたが、まだ動作しません。

新しいscss構文はまだ使用できません

午後中ずっと理解できませんでした。他に選択肢がなかったので、Vue に scss をインストールする方法を試してみようと思いつき、実際にうまくいきました。

なお、グローバルに導入することはできず、ページごとにしか導入できません。私も酔っています。

要約:

uni-app は vue をベースに作られています。次回何かをインストール/インポートしたい場合は、まず vue で試してください。うまくいかない場合は、uni-app を試してください。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  包括的なウェブサイト評価ソリューション

>>:  Vue3でelement-plusを使用する方法の詳細な説明

推薦する

MySQL sql_mode の使用に関する詳細な説明

目次序文sql_mode の説明最も重要なオプションすべてのオプション要約する序文前回の記事「MyS...

JSはシンプルなカウンターを実装します

HTML CSS および JavaScript を使用して、プラス、マイナス、ゼロの 3 つのボタン...

MongoDB データベースの状態を監視する Zabbix3.4 メソッド

Mongodb には db.serverStatus() コマンドがあり、これを使用して Mongo...

VMware15.5でcentos8.1をインストールし、物理メモリが不足する問題に対処する最も完全なチュートリアル

1. 仮想マシンの準備1. 新しい仮想マシンを作成する 2. 仮想マシンのカスタマイズを選択する 3...

Linux で指定された期間に数分ごとにタスク スケジュール crontab を自動的に実行する方法

まずコードを見てみましょう #/bin/sh datename=$(日付 +%Y%m%d-%H%M%...

Nginx SSL証明書設定エラーの解決策

1. はじめにWeb プロジェクトを Linux サーバーで公開する場合、SSL 証明書を構成する必...

Docker 可視化グラフィックツール portainer の詳細な説明

目次1. ポーテナーの紹介2. Portainer アーキテクチャの概要3. Portainerのイ...

WeChatアプレットが左右連携を実現

この記事では、WeChatアプレットの左右連動を実現するための具体的なコードを参考までに紹介します。...

Mysql systemctl start mysqld によって報告されるエラーの解決策

エラーメッセージ:制御プロセスがエラー コードで終了したため、mysqld.service のジョブ...

WeChatアプレットの入力レベルとテキストエリアレベルの浸透率が高すぎる問題の解決策

WeChat ミニプログラムのネイティブ コンポーネントであるカメラ、キャンバス、入力 (フォーカス...

Node.js で Bash スクリプトを書くための究極のソリューション

目次序文zxライブラリ$`コマンド` CD()フェッチ()質問()寝る()スローしない()チョークフ...

DockerはRedisをインストールし、操作用のビジュアルクライアントを導入します

1 はじめにRedis 、 ANSI C言語で開発されたKey-Valueベースの高性能NoSQLデ...

MySQL マスタースレーブレプリケーション切断の一般的な修復方法

目次01 問題の説明02 ソリューション1. 他のスレーブライブラリを見つけてすぐに置き換える2. ...

CentOS6.9 での MySQL 5.7.17 のインストールと設定のチュートリアル

CentOS6.9はMysql5.7をインストールします。参考までに、詳細は次のとおりです。 1. ...

node.js グローバル変数の具体的な使用法

グローバルオブジェクトすべてのモジュールは呼び出すことができますglobal: ブラウザの wind...