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