Browse Source

更换压缩的背景图,提高响应速度。

master^2
宋杰 1 day ago
parent
commit
c7615552e5
  1. BIN
      src/assets/img/AiEmotion/bk00000.png
  2. BIN
      src/assets/img/AiEmotion/tree00000.jpg
  3. 20
      src/views/AiEmotion.vue

BIN
src/assets/img/AiEmotion/bk00000.png

After

Width: 630  |  Height: 747  |  Size: 48 KiB

BIN
src/assets/img/AiEmotion/tree00000.jpg

After

Width: 2400  |  Height: 1200  |  Size: 238 KiB

20
src/views/AiEmotion.vue

@ -1538,7 +1538,7 @@ defineExpose({
}
.bk-image {
background-image: url("@/assets/img/AiEmotion/bk03.png");
background-image: url("@/assets/img/AiEmotion/bk00000.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 95%;
@ -1689,7 +1689,7 @@ defineExpose({
.class07 {
background-image: url("@/assets/img/AiEmotion/bk03.png");
background-image: url("@/assets/img/AiEmotion/bk00000.png");
/* 使用导入的背景图片 */
background-size: cover;
/* 确保背景图片完整显示 */
@ -1835,7 +1835,7 @@ defineExpose({
/* 为需要放大的图片添加样式 */
.scaled-img {
background-image: url('@/assets/img/AiEmotion/tree02.jpg');
background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
@ -1853,7 +1853,7 @@ defineExpose({
}
.class08 {
background-image: url("@/assets/img/AiEmotion/bk03.png");
background-image: url("@/assets/img/AiEmotion/bk00000.png");
background-size: 100% 100%;
background-repeat: no-repeat;
width: 95%;
@ -1863,7 +1863,7 @@ defineExpose({
}
.class06 {
background-image: url('@/assets/img/AiEmotion/bk03.png');
background-image: url('@/assets/img/AiEmotion/bk00000.png');
/* 使用导入的背景图片 */
background-size: 100% 100%;
/* 确保背景图片完整显示 */
@ -1885,7 +1885,7 @@ defineExpose({
}
.class05 {
background-image: url("@/assets/img/AiEmotion/bk03.png");
background-image: url("@/assets/img/AiEmotion/bk00000.png");
/* 使用导入的背景图片 */
background-size: 100% 100%;
/* 确保背景图片完整显示 */
@ -1907,7 +1907,7 @@ defineExpose({
}
.class04 {
background-image: url('@/assets/img/AiEmotion/bk03.png');
background-image: url('@/assets/img/AiEmotion/bk00000.png');
/* 使用导入的背景图片 */
background-size: 100% 100%;
/* 确保背景图片完整显示 */
@ -1929,7 +1929,7 @@ defineExpose({
}
.class03 {
background-image: url('@/assets/img/AiEmotion/bk03.png');
background-image: url('@/assets/img/AiEmotion/bk00000.png');
/* 使用导入的背景图片 */
background-size: 100% 100%;
/* 确保背景图片完整显示 */
@ -2268,7 +2268,7 @@ defineExpose({
}
.scaled-img {
background-image: url('@/assets/img/AiEmotion/tree02.jpg');
background-image: url('@/assets/img/AiEmotion/tree00000.jpg');
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
@ -2357,7 +2357,7 @@ defineExpose({
}
.class03 {
background-image: url('@/assets/img/AiEmotion/bk03.png');
background-image: url('@/assets/img/AiEmotion/bk00000.png');
background-size: 100% 100%;
background-repeat: no-repeat;
width: 100%;

Loading…
Cancel
Save