uniapp は uview-plus (vue3 プロジェクト) を使用します

まず、vue3 uniapp プロジェクトを作成します。空のプロジェクトを選択することをお勧めします。

Hbuilder X ウェイ

メソッド設定ドキュメントのダウンロード

Hbuilder X開発を使用するユーザーの場合は、uni-appプラグイン マーケットを通じてuni_modulesインストールでき、このインストール方法を使用すると、その後のuni_modulesuview-plus のワンクリック アップグレードが容易になります。

• uni-app プラグイン マーケットの右上隅uni_modules版本にある を選択し使用HBuilderX导入插件、対応するプロジェクトにインポートします。

 ダウンロード アドレス:包括的な Vue3 モバイル コンポーネント ライブラリである uview-plus3.0 がリリースされました。- DCloud プラグイン マーケット

プラグイン scss プラグインがインストールされていることを確認する

 

uview-plus メイン JS ライブラリの紹介

プロジェクトのルート ディレクトリでmain.js、uview-plus JS ライブラリをインポートして使用します。これらの 2 行はconst app = createSSRApp(App)その後に配置する必要があることに注意してください。

// main.js
import uviewPlus from '@/uni_modules/uview-plus'

// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  app.use(uviewPlus)
  return {
    app
  }
}
// #endif

uview-plusのグローバルSCSSテーマファイルをインポートする

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

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

uview-plusの基本スタイルの紹介

知らせ！

の最初のApp.vue行で導入されており、スタイルタグに lang="scss" 属性を追加していることに注意してください。

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

#依存ライブラリをインストールする

npm i dayjs
npm i clipboard