|
|
|
@ -1,32 +1,28 @@ |
|
|
|
<template> |
|
|
|
<view |
|
|
|
class="u-notice-bar" |
|
|
|
:style="{ |
|
|
|
<view class="u-notice-bar" :style="{ |
|
|
|
background: computeBgColor, |
|
|
|
padding: padding |
|
|
|
}" |
|
|
|
:class="[ |
|
|
|
}" :class="[ |
|
|
|
type ? `u-type-${type}-light-bg` : '' |
|
|
|
]" |
|
|
|
> |
|
|
|
]"> |
|
|
|
<view class="u-icon-wrap"> |
|
|
|
<u-icon class="u-left-icon" v-if="volumeIcon" name="volume-fill" :size="volumeSize" :color="computeColor"></u-icon> |
|
|
|
<u-icon class="u-left-icon" v-if="volumeIcon" name="volume-fill" :size="volumeSize" :color="computeColor"> |
|
|
|
</u-icon> |
|
|
|
</view> |
|
|
|
<swiper :disable-touch="disableTouch" @change="change" :autoplay="autoplay && playState == 'play'" :vertical="vertical" circular :interval="duration" class="u-swiper"> |
|
|
|
<swiper :disable-touch="disableTouch" @change="change" :autoplay="autoplay && playState == 'play'" |
|
|
|
:vertical="vertical" circular :interval="duration" class="u-swiper"> |
|
|
|
<swiper-item v-for="(item, index) in list" :key="index" class="u-swiper-item"> |
|
|
|
<view |
|
|
|
class="u-news-item u-line-1" |
|
|
|
:style="[textStyle]" |
|
|
|
@tap="click(index)" |
|
|
|
:class="['u-type-' + type]" |
|
|
|
> |
|
|
|
{{ item }} |
|
|
|
<view class="u-news-item u-line-1" :style="[textStyle]" @tap="click(index,item)" |
|
|
|
:class="['u-type-' + type]"> |
|
|
|
{{ item.associate.title }} |
|
|
|
</view> |
|
|
|
</swiper-item> |
|
|
|
</swiper> |
|
|
|
<view class="u-icon-wrap"> |
|
|
|
<u-icon @click="getMore" class="u-right-icon" v-if="moreIcon" name="arrow-right" :size="26" :color="computeColor"></u-icon> |
|
|
|
<u-icon @click="close" class="u-right-icon" v-if="closeIcon" name="close" :size="24" :color="computeColor"></u-icon> |
|
|
|
<u-icon @click="getMore" class="u-right-icon" v-if="moreIcon" name="arrow-right" :size="26" |
|
|
|
:color="computeColor"></u-icon> |
|
|
|
<u-icon @click="close" class="u-right-icon" v-if="closeIcon" name="close" :size="24" :color="computeColor"> |
|
|
|
</u-icon> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
@ -167,8 +163,10 @@ export default { |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 点击通告栏 |
|
|
|
click(index) { |
|
|
|
click(index, item) { |
|
|
|
this.$emit('click', index); |
|
|
|
this.$url(item.link) |
|
|
|
console.log(item.link) |
|
|
|
}, |
|
|
|
// 点击关闭按钮 |
|
|
|
close() { |
|
|
|
|