Commit 6f828ded0b67f9c6d75102d6dec6a0997c62916c
1 parent
4751d3e1
测肤分析过程页
Showing
2 changed files
with
45 additions
and
2 deletions
packageB/pages/AI-test-skin/analyse/analyse.wxml
| 1 | 1 | <!--packageB/pages/AI-test-skin/analyse/analyse.wxml--> |
| 2 | 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 | 8 | </view> | ... | ... |
packageB/pages/AI-test-skin/analyse/analyse.wxss
| 1 | -/* packageB/pages/AI-test-skin/analyse/analyse.wxss */ | |
| 2 | 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 | + | ... | ... |