diff --git a/pages/BrandDisplay/BrandDisplay.vue b/pages/BrandDisplay/BrandDisplay.vue index 0f9af64..d2d75f8 100644 --- a/pages/BrandDisplay/BrandDisplay.vue +++ b/pages/BrandDisplay/BrandDisplay.vue @@ -132,7 +132,7 @@ .top-left-content { padding: 10rpx; - font-size: 10rpx; + font-size: 15rpx; flex: 1; display: flex; justify-content: center; diff --git a/pages/index/index.vue b/pages/index/index.vue index 6bbe9bc..8b82374 100644 --- a/pages/index/index.vue +++ b/pages/index/index.vue @@ -1,10 +1,13 @@ @@ -28,6 +31,60 @@ .bottom { flex: 1; - + + } + + * { + margin: 0; + padding: 0; + } + + ul { + height: 330rpx; + animation: change 1s linear 0s infinite alternate; + position: relative; + overflow: hidden; + top: -200rpx; + } + + ul li { + list-style: none; + width: 400%; + height: 100%; + position: absolute; + left: 0; + top: 0; + background-size: 300rpx 300rpx; + } + + ul li:nth-child(1) { + background-image: url('~@/static/cloud1.png'); + animation: one 60s linear 0s infinite alternate; + } + + ul li:nth-child(2) { + background-image: url('~@/static/cloud2.png'); + animation: tow 50s linear 0s infinite alternate; + margin: 30rpx; + } + + @keyframes one { + from { + margin-left: 0; + } + + to { + margin-left: -100%; + } + } + + @keyframes tow { + from { + margin-left: -20%; + } + + to { + margin-left: -200%; + } } \ No newline at end of file diff --git a/static/cloud1.png b/static/cloud1.png new file mode 100644 index 0000000..cbb1d6a Binary files /dev/null and b/static/cloud1.png differ diff --git a/static/cloud2.png b/static/cloud2.png new file mode 100644 index 0000000..2c6df31 Binary files /dev/null and b/static/cloud2.png differ diff --git a/static/cloud3.png b/static/cloud3.png new file mode 100644 index 0000000..25989f0 Binary files /dev/null and b/static/cloud3.png differ diff --git a/static/cloud4.png b/static/cloud4.png new file mode 100644 index 0000000..f2d89cb Binary files /dev/null and b/static/cloud4.png differ diff --git a/static/cloud5.png b/static/cloud5.png new file mode 100644 index 0000000..fb8e84b Binary files /dev/null and b/static/cloud5.png differ diff --git a/static/cloud6.png b/static/cloud6.png new file mode 100644 index 0000000..3b92cec Binary files /dev/null and b/static/cloud6.png differ diff --git a/static/cloud7.png b/static/cloud7.png new file mode 100644 index 0000000..b248e7f Binary files /dev/null and b/static/cloud7.png differ diff --git a/static/cloud8.png b/static/cloud8.png new file mode 100644 index 0000000..75435b4 Binary files /dev/null and b/static/cloud8.png differ