14 Commits
14a0c331b9
...
0546fcbfb0
-
11api/member.js
-
53components/IndexCard.vue
-
54components/h-loading.vue
-
157pages/deepExploration/MainForceActions.vue
-
68pages/home/member.vue
-
8pages/marketSituation/globalIndex.vue
-
29pages/marketSituation/marketDetail.vue
-
32pages/marketSituation/marketOverview.vue
-
6pages/setting/about.vue
-
16pages/setting/account.vue
-
4pages/setting/bind.vue
-
6pages/setting/createPwd.vue
-
20pages/setting/email.vue
-
10pages/setting/general.vue
-
32pages/setting/market.vue
-
2pages/setting/password.vue
-
BINstatic/loading-gif.gif
-
BINstatic/marketSituation-image/downTimeChart.png
-
BINstatic/marketSituation-image/upTimeChart.png
-
BINstatic/my/Check-in.png
-
BINstatic/my/MarketSettings.png
-
BINstatic/my/Settings.png
-
BINstatic/my/aboutDC.png
-
BINstatic/my/bell.png
-
BINstatic/my/common.png
-
BINstatic/my/default-avatar.png
-
BINstatic/my/editName.png
-
BINstatic/my/outline.png
-
BINstatic/my/polylines.png
-
BINstatic/my/security.png
-
BINstatic/my/share.png
@ -0,0 +1,54 @@ |
|||||
|
<!-- @format --> |
||||
|
|
||||
|
<template> |
||||
|
<view v-if="loading" class="loading"> |
||||
|
<image class="loadingGif" src="/static/loading-gif.gif" mode=""></image> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script setup> |
||||
|
import { ref, computed, onMounted,watch } from "vue"; |
||||
|
|
||||
|
// 定义 props |
||||
|
const props = defineProps({ |
||||
|
loading: { |
||||
|
type: Boolean, |
||||
|
default: false, |
||||
|
}, |
||||
|
}); |
||||
|
|
||||
|
const loading = ref(false); |
||||
|
|
||||
|
// 监听 props.loading 变化 |
||||
|
watch(() => props.loading, (newVal) => { |
||||
|
loading.value = newVal; |
||||
|
}); |
||||
|
|
||||
|
// 生命周期 |
||||
|
onMounted(() => { |
||||
|
loading.value = props.loading; |
||||
|
}); |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.loading { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background-color: rgba(0, 0, 0, 0.5); |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
z-index: 9999; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.loadingGif { |
||||
|
width: 100rpx; |
||||
|
height: 100rpx; |
||||
|
} |
||||
|
</style> |
||||
|
After Width: 120 | Height: 120 | Size: 134 KiB |
|
After Width: 160 | Height: 62 | Size: 8.4 KiB |
|
After Width: 160 | Height: 62 | Size: 9.1 KiB |
|
Before Width: 22 | Height: 22 | Size: 614 B After Width: 44 | Height: 44 | Size: 1.5 KiB |
|
Before Width: 33 | Height: 33 | Size: 687 B After Width: 66 | Height: 66 | Size: 1.3 KiB |
|
Before Width: 27 | Height: 27 | Size: 1.2 KiB After Width: 54 | Height: 54 | Size: 3.3 KiB |
|
Before Width: 167 | Height: 155 | Size: 8.7 KiB After Width: 334 | Height: 310 | Size: 21 KiB |
|
Before Width: 13 | Height: 16 | Size: 358 B After Width: 26 | Height: 32 | Size: 902 B |
|
Before Width: 31 | Height: 23 | Size: 237 B After Width: 62 | Height: 46 | Size: 355 B |
|
After Width: 216 | Height: 216 | Size: 58 KiB |
|
Before Width: 15 | Height: 15 | Size: 424 B After Width: 30 | Height: 30 | Size: 1.1 KiB |
|
Before Width: 31 | Height: 25 | Size: 1.3 KiB After Width: 62 | Height: 49 | Size: 4.3 KiB |
|
Before Width: 31 | Height: 23 | Size: 1.3 KiB After Width: 62 | Height: 46 | Size: 3.6 KiB |
|
Before Width: 23 | Height: 23 | Size: 669 B After Width: 46 | Height: 46 | Size: 1.6 KiB |
|
Before Width: 360 | Height: 80 | Size: 28 KiB After Width: 720 | Height: 160 | Size: 93 KiB |