chore: 添加缺失的静态资源文件
添加多个前端界面所需的图片、字体、音频等静态资源文件,包括: - 管理员后台的图标、背景图、组件图片 - 移动端页面的商品图片、用户中心图片、活动图标 - 第三方库的示例图片和字体文件 - 浏览器兼容性配置文件 - 图标字体文件(eot、ttf、woff、woff2格式) 这些资源是前端界面正常显示所必需的,之前可能因版本控制忽略或遗漏而缺失。
This commit is contained in:
62
view/uniapp/pages/user/components/poster/index.vue
Normal file
62
view/uniapp/pages/user/components/poster/index.vue
Normal file
@@ -0,0 +1,62 @@
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
posterData: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
autoplay: true,
|
||||
circular: true,
|
||||
interval: 3000,
|
||||
duration: 500
|
||||
};
|
||||
},
|
||||
inject: ['goMenuPage'],
|
||||
methods: {}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
||||
<template>
|
||||
<!-- 轮播 -->
|
||||
<view class="slider-wrapper" v-if="posterData.list.length && posterData.is_show">
|
||||
<swiper
|
||||
:indicator-dots="posterData.list.length > 1 ? true : false"
|
||||
:autoplay="autoplay"
|
||||
:circular="circular"
|
||||
:interval="interval"
|
||||
:duration="duration"
|
||||
indicator-color="rgba(255,255,255,0.6)"
|
||||
indicator-active-color="#fff"
|
||||
>
|
||||
<block v-for="(item, index) in posterData.list" :key="index">
|
||||
<swiper-item>
|
||||
<view @click="goMenuPage(item.url)" class="slide-navigator acea-row row-between-wrapper" hover-class="none">
|
||||
<image :src="item.pic" class="slide-image" mode="aspectFill"></image>
|
||||
</view>
|
||||
</swiper-item>
|
||||
</block>
|
||||
</swiper>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.slider-wrapper {
|
||||
margin: 20rpx 20rpx;
|
||||
height: 188rpx;
|
||||
|
||||
swiper,
|
||||
swiper-item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
height: 188rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user