Commit 8b6c526268931dc1992459402620c2ed96156961

Authored by abson
1 parent 6f828ded

分析页地球

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