68 lines
1.7 KiB
Vue
68 lines
1.7 KiB
Vue
<template>
|
|
<c-tabbar :current="0">
|
|
<view class="container">
|
|
<view>
|
|
<u-swiper :list="list3" indicator indicatorMode="line" circular></u-swiper>
|
|
</view>
|
|
<view class="p-d-20">
|
|
<u-notice-bar :text="notice" mode="link" bgColor="#fff" color="#323333" speed="100"
|
|
url="/pages/notice/notice"></u-notice-bar>
|
|
</view>
|
|
<view class="flex flex-row justify-between menu">
|
|
<image class="big-img" src="../../../static/home/group.png" mode="widthFix"></image>
|
|
<view class="flex flex-col">
|
|
<image class="small-img" src="../../../static/home/play.png" mode="aspectFit"></image>
|
|
<image class="small-img" src="../../../static/home/wechat.png" mode="aspectFit"></image>
|
|
</view>
|
|
</view>
|
|
<view style="padding: 10upx 0;">
|
|
<image style="width: 100%;" src="../../../static/home/program.png" mode="widthFix"></image>
|
|
</view>
|
|
</view>
|
|
</c-tabbar>
|
|
</template>
|
|
|
|
<script>
|
|
import CTabbar from '@/components/gTabbar.vue'
|
|
export default {
|
|
components: {
|
|
CTabbar
|
|
},
|
|
data() {
|
|
return {
|
|
notice: '【抖音短剧分发】麻雀短剧结算提前了同学们; 新年开工啦！; 【抖音短剧分发】2024年春节放假通知; 快手短剧通知; 年会; ',
|
|
list3: [
|
|
'https://cdn.uviewui.com/uview/swiper/swiper3.png',
|
|
'https://cdn.uviewui.com/uview/swiper/swiper2.png',
|
|
'https://cdn.uviewui.com/uview/swiper/swiper1.png',
|
|
],
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.container {
|
|
background: #f7f8fa;
|
|
padding: 30upx;
|
|
}
|
|
|
|
.menu {
|
|
height: 310upx;
|
|
|
|
>view {
|
|
height: 100%;
|
|
}
|
|
|
|
.big-img {
|
|
width: 46vw;
|
|
}
|
|
|
|
.small-img {
|
|
width: 46vw;
|
|
}
|
|
}
|
|
</style> |