質問編集履歴
4
追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -411,3 +411,13 @@
|
|
|
411
411
|
script直接組み込み挙動を確認したところ下からフェードインする形で表示されました。
|
|
412
412
|
|
|
413
413
|
現在VueCLIでの開発をしているのですが、VueCLIだと何故フェードインする形で表示されないのかが疑問なので、もし分かる方がいらっしゃったらご教授いただければと思います????♂️
|
|
414
|
+
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
--追記--
|
|
418
|
+
|
|
419
|
+
Vue2で新しくプロジェクトを作成して同じようにコンポーネントを作って実装してみたところしたからフェードインする形で表示されました。
|
|
420
|
+
|
|
421
|
+
|
|
422
|
+
|
|
423
|
+
ただ、Vue3だと同じようにはならないのは何故なのか？分かる方がいれば教えていただきたいです????♂️
|
3
最後の追記を追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -401,3 +401,13 @@
|
|
|
401
401
|
```
|
|
402
402
|
|
|
403
403
|
は適用されてないみたいです。
|
|
404
|
+
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
|
|
408
|
+
|
|
409
|
+
--追記--
|
|
410
|
+
|
|
411
|
+
script直接組み込み挙動を確認したところ下からフェードインする形で表示されました。
|
|
412
|
+
|
|
413
|
+
現在VueCLIでの開発をしているのですが、VueCLIだと何故フェードインする形で表示されないのかが疑問なので、もし分かる方がいらっしゃったらご教授いただければと思います????♂️
|
2
試したことの最後の文章を付け加えました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -126,8 +126,6 @@
|
|
|
126
126
|
|
|
127
127
|
//フェードインのCSS
|
|
128
128
|
|
|
129
|
-
.fade-enter,
|
|
130
|
-
|
|
131
129
|
.fade-enter {
|
|
132
130
|
|
|
133
131
|
opacity:0;
|
|
@@ -365,3 +363,41 @@
|
|
|
365
363
|
原因がわからず先に進めない状況となっております。
|
|
366
364
|
|
|
367
365
|
ご教授いただけると幸いです????♂️
|
|
366
|
+
|
|
367
|
+
|
|
368
|
+
|
|
369
|
+
デベロッパーツールで確認したところ
|
|
370
|
+
|
|
371
|
+
```css
|
|
372
|
+
|
|
373
|
+
.fade-enter-active {
|
|
374
|
+
|
|
375
|
+
transition:0.5s;
|
|
376
|
+
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
|
|
380
|
+
|
|
381
|
+
.fade-enter-to {
|
|
382
|
+
|
|
383
|
+
transform:translateY(0);
|
|
384
|
+
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
```
|
|
388
|
+
|
|
389
|
+
は適用されてるみたいなのですが、
|
|
390
|
+
|
|
391
|
+
```css
|
|
392
|
+
|
|
393
|
+
.fade-enter {
|
|
394
|
+
|
|
395
|
+
opacity:0;
|
|
396
|
+
|
|
397
|
+
transform: translateY(20px);
|
|
398
|
+
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
```
|
|
402
|
+
|
|
403
|
+
は適用されてないみたいです。
|
1
画像の挿入
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -10,6 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
13
17
|
|
|
14
18
|
|
|
15
19
|
### 発生している問題・エラーメッセージ
|