日曜日を利用して、ユニアプリ「uviewは優れたUIフレームワーク」をロールアップしました

初期のレビュー

「vueeコマースバックグラウンド管理システム」を展開してオンラインにしてパッケージ化するサーバーコードを記述します。サーバーを構築してマウントします（ノード）3。パッケージ化の最適化が完了し、https：//blog.csdn.net/を起動します。 m0_57904695 / article / details / 122977868？spm = 1001.2014.3001.5501

超実用的で、将来使用されないように収集することをお勧めします！栗をあげましょう。「ダブルイレブン」のカウントダウンを書いてください。書きやすくてシンプルですが、時間もかかります。仕事でできるだけ早く仕事をこなしていきます。上司が他の取り決めを持っているかどうかを確認してくださいええと、大丈夫、魚の王に触れてください

uViewでは1分もかからずに完了でき、コードは非常に簡潔です。最も重要なことは、右側にシミュレーターがあり、ケースを割り当てることなく直接シミュレーションできることです。最も重要なことは、インポート、登録、tsk tskの必要がなく、ダウンロードしてインストールすることです。ワンクリックですべての依存関係がありますが、パッケージはそれらを持たないコンポーネントを自動的にフィルタリングし、オンデマンドで自動的にロードします。。。

たくさんの部品、研削盤、

使用方法：

クリックしてuViewをダウンロード-DCloudプラグインマーケットプレイス

uViewはSCSSに依存しているため、このプラグインをインストールする必要があります。インストールしないと、正しく機能しません。一般的なCLIプロジェクトにはそれがありますが、そうでない場合はインストールします

// 安装node-sass
npm i node-sass -D

// 安装sass-loader
npm i sass-loader -D

1.プロジェクトのルートディレクトリで、main.jsuViewのJSライブラリをインポートして使用します。これらの2行はimport Vue後に配置する必要があることに注意してください。

// main.js
import uView from "uview-ui";
Vue.use(uView);

2.このファイルをプロジェクトのルートディレクトリにuni.scss導入します。

/* uni.scss */
@import 'uview-ui/theme.scss';

3.uViewの基本的なスタイルを紹介します

App.vue真ん中の最初の行で紹介されていますが、スタイルタグにlang="scss"属性を追加することに注意してください

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	@import "uview-ui/index.scss";
</style>

4.この構成は、プロジェクトのルートディレクトリで行う必要がありますpages.json。

// pages.json
{
	"easycom": {
		"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
	},
	
	// 此为本身已有的内容
	"pages": [
		// ......
	]
}

完了|直接使用します。ページにコンポーネントを導入する必要はありません。パッケージはオンデマンドで自動的にマッピングされます。

栗を使ってページを書いています

読者が理解しやすいようにする

uView-マルチプラットフォームの迅速な開発のためのUIフレームワーク-ユニアプリUIフレームワーク

結論：誰もがバグを減らして迅速かつ完璧に作業を完了し、家族と一緒に仕事を早く辞めることができることを願っています。