| <template> | |
| 	<view class="page__view"> | |
| 
 | |
| 		<navbar title="开营通知" leftClick @leftClick="$utils.navigateBack" bgColor="#FFFFFF" /> | |
| 
 | |
|     <view class="list"> | |
|       <view class="list-item" v-for="item in list" :key="item.id"> | |
|         <messageCard :data="item" ></messageCard> | |
|       </view> | |
|     </view> | |
|  | |
|   </view> | |
|    | |
| </template> | |
|  | |
| <script> | |
| 	import mixinsList from '@/mixins/list.js' | |
|  | |
|   import messageCard from './card.vue' | |
|  | |
|   export default { | |
| 		mixins: [mixinsList], | |
|     components: { | |
|       messageCard, | |
|     }, | |
|     data() { | |
|       return { | |
| 				mixinsListApi: 'queryNoticeList', | |
|       } | |
|     }, | |
|     methods: { | |
|     }, | |
|   } | |
| </script> | |
|  | |
| <style scoped lang="scss"> | |
|   .page__view { | |
| 		width: 100vw; | |
| 		min-height: 100vh; | |
| 		background: $uni-bg-color; | |
| 		position: relative; | |
|   } | |
| 
 | |
|   .list { | |
|     padding: 40rpx; | |
| 
 | |
|     &-item { | |
| 
 | |
|       & + & { | |
|         margin-top: 32rpx; | |
|       } | |
| 
 | |
|     } | |
|   } | |
| 
 | |
| </style> |