uniappが公式cssスタイルライブラリを導入する方法

uniapp cssスタイル、アイコンライブラリ、アニメーションライブラリの導入

uniappが公式cssスタイルライブラリを導入する方法

1.プロジェクトディレクトリ新規commonフォルダ

common             css js   

2.スタイルライブラリのcssまたはjsをcommonフォルダにコピーする
3.App.vueに必要なスタイルライブラリを導入する

export default {
	onLaunch: function() {
		console.log('App Launch');
	},
	onShow: function() {
		console.log('App Show');
	},
	onHide: function() {
		console.log('App Hide');
	}
};

4.注意事項

      hello     uni.css   ，      static         .ttf   
      static   ，          ，         。
  ：uni.css    uni.ttf
@font-face {
	font-family: uniicons;
	font-weight: normal;
	font-style: normal;
	src: url('~@/static/uni.ttf') format('truetype');
}

uniappがどのように導入したcssアイコンライブラリ

1.入力https://www.iconfont.cn/アリババベクトルアイコンライブラリ
2.アイコンのダウンロード方法

         ，     ，               ，           
                 unicode，          ，          
    iconfont.css         common    
App.vue @import './common/iconfont.css';

3.アイコンの使い方

          html  ， html    ，        ，F12    
         ，   ，         ，            ，    。

uniappがどのように導入したcssアニメーションライブラリ

1.入力https://daneden.github.io/animate.css/
2.下のダウンロードをクリック
3.ダウンロードしたら右クリックしてanimateとして保存する.css commonフォルダにコピー
4.App.vueに導入(同上)
5.classクラス名に適切なクラス名を追加すると、関連するアニメーションを導入できます.