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 |