studytour-front/pages_order/message/list.vue

<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>