Browse Source

动效

master
jiazhipeng 4 months ago
parent
commit
eb8653e1a8
  1. 12
      pages/index/index.vue
  2. BIN
      static/1/loading.png
  3. 2
      unpackage/dist/build/web/index.html
  4. BIN
      unpackage/dist/build/web/static/1/loading.png
  5. 2
      unpackage/dist/build/web/static/js/index.be76b179.js
  6. 1
      unpackage/dist/build/web/static/js/pages-index-index.a2453d2f.js
  7. 1
      unpackage/dist/build/web/static/js/pages-index-index.f93db0d3.js

12
pages/index/index.vue

@ -11,7 +11,9 @@
<view class="content content_2" v-show="number == 1"> <view class="content content_2" v-show="number == 1">
<image class="title_2" src="/static/1/2title.png" ></image> <image class="title_2" src="/static/1/2title.png" ></image>
<view class="progress-container"> <view class="progress-container">
<view class="progress" :style="{'width':progressNum+'%'}"></view> <view class="progress" :style="{'width':progressNum+'%'}">
<image class="dongxiao" src="/static/1/loading.png"></image>
</view>
</view> </view>
<view style="font-weight: bold;font-size: 24rpx;color: #8F76EE;">{{progressNum}}%</view> <view style="font-weight: bold;font-size: 24rpx;color: #8F76EE;">{{progressNum}}%</view>
</view> </view>
@ -139,6 +141,8 @@
background: rgba(143,118,238,0.3); background: rgba(143,118,238,0.3);
border-radius: 20rpx; border-radius: 20rpx;
width: 0; width: 0;
overflow: hidden;
position: relative;
} }
} }
} }
@ -172,4 +176,10 @@
left: 78rpx; left: 78rpx;
} }
} }
.dongxiao{
position: absolute;
right: 0;
height: 100%;
width: 158rpx;
}
</style> </style>

BIN
static/1/loading.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

2
unpackage/dist/build/web/index.html

@ -1,2 +1,2 @@
<!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>shanjuandong</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')) <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>shanjuandong</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.561af9c1.js></script><script src=/static/js/index.f21d6792.js></script></body></html> document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/static/js/chunk-vendors.561af9c1.js></script><script src=/static/js/index.be76b179.js></script></body></html>

BIN
unpackage/dist/build/web/static/1/loading.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

2
unpackage/dist/build/web/static/js/index.f21d6792.js → unpackage/dist/build/web/static/js/index.be76b179.js

File diff suppressed because one or more lines are too long

1
unpackage/dist/build/web/static/js/pages-index-index.a2453d2f.js

File diff suppressed because one or more lines are too long

1
unpackage/dist/build/web/static/js/pages-index-index.f93db0d3.js

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save