8e17762510
- 从 uniapp 迁移 HJF 页面、API、组件及用户/订单相关改动 - queue、assets 使用独立分包以降低主包体积 - 修复首页单根节点与支付结果页 v-if 链 - 关闭 HjfDemoPanel 全局注册；uniNoticeBar 注释 $getAppWebview 避免 __webviewId__ 报错 - 配置域名与 manifest 应用名称；cache/store 防御性处理 Made-with: Cursor
60 lines
1.0 KiB
Vue
60 lines
1.0 KiB
Vue
<template>
|
|
<!-- 上拉加载 -->
|
|
<view>
|
|
<view class="Loads acea-row row-center-wrapper" v-if="loading && !loaded" style="margin-top: .2rem;">
|
|
<view v-if="loading">
|
|
<view class="iconfont icon-jiazai loading acea-row row-center-wrapper"></view>
|
|
<slot name="loading"></slot>
|
|
正在加载中
|
|
</view>
|
|
<view v-else>
|
|
<slot name="load"></slot>
|
|
上拉加载更多
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "Loading",
|
|
props: {
|
|
loaded: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
loading: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
<style>
|
|
.Loads {
|
|
height: 80upx;
|
|
font-size: 25upx;
|
|
color: #999;
|
|
}
|
|
.Loads .iconfont {
|
|
font-size: 30upx;
|
|
margin-right: 10upx;
|
|
height: 32upx;
|
|
line-height: 32upx;
|
|
}
|
|
/*加载动画*/
|
|
@keyframes load {
|
|
from {
|
|
transform: rotate(0deg);
|
|
}
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.loadingpic {
|
|
animation: load 3s linear 1s infinite;
|
|
}
|
|
.loading {
|
|
animation: load linear 1s infinite;
|
|
}
|
|
</style> |