Commit 8b6c526268931dc1992459402620c2ed96156961
1 parent
6f828ded
分析页地球
Showing
2 changed files
with
13 additions
and
11 deletions
packageB/pages/AI-test-skin/analyse/analyse.wxml
1 | -<!--packageB/pages/AI-test-skin/analyse/analyse.wxml--> | ||
2 | <view class="content"> | 1 | <view class="content"> |
3 | - <view class="img" style="background: url('../../../images/49.png');"></view> | 2 | + <view class="img"></view> |
4 | <view style="text-align: center;margin-top: -20%;"> | 3 | <view style="text-align: center;margin-top: -20%;"> |
5 | <text style="color: #fff;">正在分析...</text> | 4 | <text style="color: #fff;">正在分析...</text> |
6 | <progress border-radius="6" percent="20" activeColor="#fff" backgroundColor="#85898a" class="progress"></progress> | 5 | <progress border-radius="6" percent="20" activeColor="#fff" backgroundColor="#85898a" class="progress"></progress> |
packageB/pages/AI-test-skin/analyse/analyse.wxss
@@ -3,6 +3,7 @@ page { | @@ -3,6 +3,7 @@ page { | ||
3 | width: 100%; | 3 | width: 100%; |
4 | height: 100%; | 4 | height: 100%; |
5 | } | 5 | } |
6 | + | ||
6 | .content { | 7 | .content { |
7 | /* display: flex; | 8 | /* display: flex; |
8 | flex-direction: column; | 9 | flex-direction: column; |
@@ -10,24 +11,27 @@ page { | @@ -10,24 +11,27 @@ page { | ||
10 | background: #515658; | 11 | background: #515658; |
11 | width: 100%; | 12 | width: 100%; |
12 | height: 100%; | 13 | height: 100%; |
13 | - | 14 | + |
14 | } | 15 | } |
16 | + | ||
15 | @keyframes mymove { | 17 | @keyframes mymove { |
16 | from { | 18 | from { |
17 | - background-position: 0,0; | 19 | + background-position: 0, 0; |
18 | } | 20 | } |
19 | - | 21 | + |
20 | to { | 22 | to { |
21 | background-position: -9450px 0; | 23 | background-position: -9450px 0; |
22 | } | 24 | } |
23 | - } | 25 | +} |
26 | + | ||
24 | .img { | 27 | .img { |
25 | - margin-top: 15%; | 28 | + background: url("https://mshopimg.yolipai.net//miniapp/images/skinimg/11.png"); |
29 | + margin-top: 15%; | ||
26 | display: inline-block; | 30 | display: inline-block; |
27 | width: 350px; | 31 | width: 350px; |
28 | height: 350px; | 32 | height: 350px; |
29 | - transform:scale(0.55); | ||
30 | - animation: 1s mymove infinite steps(27,end); | 33 | + transform: scale(0.55); |
34 | + animation: 1s mymove infinite steps(27, end); | ||
31 | } | 35 | } |
32 | 36 | ||
33 | .progress { | 37 | .progress { |
@@ -36,5 +40,4 @@ page { | @@ -36,5 +40,4 @@ page { | ||
36 | /* text-align: center; */ | 40 | /* text-align: center; */ |
37 | margin-left: 50%; | 41 | margin-left: 50%; |
38 | transform: translateX(-50%); | 42 | transform: translateX(-50%); |
39 | -} | ||
40 | - | 43 | +} |
41 | \ No newline at end of file | 44 | \ No newline at end of file |