Karlcarlo
0060b2798f
添加多个前端界面所需的图片、字体、音频等静态资源文件，包括： - 管理员后台的图标、背景图、组件图片 - 移动端页面的商品图片、用户中心图片、活动图标 - 第三方库的示例图片和字体文件 - 浏览器兼容性配置文件 - 图标字体文件（eot、ttf、woff、woff2格式） 这些资源是前端界面正常显示所必需的，之前可能因版本控制忽略或遗漏而缺失。
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> |