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 | 1 | <view class="content"> |
3 | - <view class="img" style="background: url('../../../images/49.png');"></view> | |
2 | + <view class="img"></view> | |
4 | 3 | <view style="text-align: center;margin-top: -20%;"> |
5 | 4 | <text style="color: #fff;">正在分析...</text> |
6 | 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 | 3 | width: 100%; |
4 | 4 | height: 100%; |
5 | 5 | } |
6 | + | |
6 | 7 | .content { |
7 | 8 | /* display: flex; |
8 | 9 | flex-direction: column; |
... | ... | @@ -10,24 +11,27 @@ page { |
10 | 11 | background: #515658; |
11 | 12 | width: 100%; |
12 | 13 | height: 100%; |
13 | - | |
14 | + | |
14 | 15 | } |
16 | + | |
15 | 17 | @keyframes mymove { |
16 | 18 | from { |
17 | - background-position: 0,0; | |
19 | + background-position: 0, 0; | |
18 | 20 | } |
19 | - | |
21 | + | |
20 | 22 | to { |
21 | 23 | background-position: -9450px 0; |
22 | 24 | } |
23 | - } | |
25 | +} | |
26 | + | |
24 | 27 | .img { |
25 | - margin-top: 15%; | |
28 | + background: url("https://mshopimg.yolipai.net//miniapp/images/skinimg/11.png"); | |
29 | + margin-top: 15%; | |
26 | 30 | display: inline-block; |
27 | 31 | width: 350px; |
28 | 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 | 37 | .progress { |
... | ... | @@ -36,5 +40,4 @@ page { |
36 | 40 | /* text-align: center; */ |
37 | 41 | margin-left: 50%; |
38 | 42 | transform: translateX(-50%); |
39 | -} | |
40 | - | |
43 | +} | |
41 | 44 | \ No newline at end of file | ... | ... |