You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
113 lines
3.1 KiB
113 lines
3.1 KiB
<template>
|
|
<top>
|
|
<view slot="content" class="content">
|
|
<view class="swipers">
|
|
<u-swiper
|
|
:title="true"
|
|
border-radius="15"
|
|
duration="1500"
|
|
mode="dot"
|
|
height="300"
|
|
:list="imglist"></u-swiper>
|
|
</view>
|
|
|
|
<menu-bar :tabs="list" :currentPage="2"></menu-bar>
|
|
|
|
<subtab-bar :currentPage="4"></subtab-bar>
|
|
</view>
|
|
</top>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
imglist: [{
|
|
image: 'https://cdn.uviewui.com/uview/swiper/1.jpg',
|
|
title: '昨夜星辰昨夜风，画楼西畔桂堂东'
|
|
},
|
|
{
|
|
image: 'https://cdn.uviewui.com/uview/swiper/2.jpg',
|
|
title: '身无彩凤双飞翼，心有灵犀一点通'
|
|
},
|
|
{
|
|
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
|
|
title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
|
|
},{
|
|
image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
|
|
title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
|
|
}
|
|
],
|
|
list:[[{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
},{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
},{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
},{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
},{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
},{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
},{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
},{
|
|
title:"于贵平主持召开第9次周调度例会",
|
|
times:"2022-08-21",
|
|
imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
|
|
}],['',''],[''],[''],[''],['']]
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.swipers{
|
|
padding:40rpx;
|
|
padding-bottom:0
|
|
|
|
}
|
|
.content{
|
|
background-color: #fff;
|
|
}
|
|
.u-swiper-wrap{
|
|
|
|
height:360rpx
|
|
}
|
|
/deep/ .swipers .u-swiper-title{
|
|
padding-bottom: 10rpx !important;
|
|
}
|
|
/* /deep/ .u-swiper-indicator{
|
|
bottom: -40rpx !important;;
|
|
} */
|
|
/deep/ .u-indicator-item-dot{
|
|
background-color: #fff;
|
|
border: 1px solid #DB1B29;
|
|
width:20rpx;
|
|
height:20rpx;
|
|
}
|
|
/deep/ .u-indicator-item-dot-active{
|
|
background-color: #DB1B29;
|
|
}
|
|
|
|
</style>
|