Blame view

ceres-uniapp-master/components/notice/notice.vue 1.22 KB
3f535f30   杨鑫   '初始'
1
2
3
  <template>
  	<view class="notice">
  		<view class="content">
ba37c587   杨鑫   '最新版本'
4
  			
3f535f30   杨鑫   '初始'
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
  			<swiper class="swiper" :circular="true" :autoplay="true" :vertical="true" :interval="3000" :duration="500">
  			    <swiper-item v-for="(item,index) in list" :key="item.noticeId">
  			        <view class="swiper-item uni-bg-red fs26 font-color-333 overflow" @tap="goToMesDetail(item)">{{item.noticeTitle}}</view>
  			    </swiper-item>
  			</swiper>
  		</view>
  	</view>
  </template>
  
  <script>
  	export default {
  		props: {
  			list: {
  				type: Array
  			}
  		},
  		data() {
  			return {
  			}
  		},
  		methods: {
  			goToMesDetail(item){
  				uni.navigateTo({
  					url: '/pages_category_page2/userModule/messageDetail?noticeId='+item.noticeId,
  					success: res => {},fail: (err) => {console.log(err,'1')},complete: () => {}
  				})
  			}
  		}
  	}
  </script>
  
  <style lang="scss">
  .notice{
  	width: 100%;
  	height: 60rpx;
  	padding: 0 5%;
  	box-sizing: border-box;
  	margin-top: 20rpx;
  	.content{
  		width: 100%;
  		height: 100%;
  		border-radius: 30rpx;
  		background: #F5F7FA;
  		display: flex;
  		align-items: center;
  		padding: 0 30rpx;
  		image{
  			width: 38rpx;
  			height: 38rpx;
  			margin-right: 20rpx;
  		}
  		.swiper{
  			flex: 1;
  			height: 60rpx;
  			.swiper-item{
  				line-height: 60rpx;
  			}
  		}
  	}
  }
  </style>