navbar-light.uvue

<template>
  <view class="content">
    <uni-tabbar-light :title="title"></uni-tabbar-light>
    <scroll-view class="scroll-view" scroll-y="true">
      <view class="content-item" v-for="item in 100">
        <text class="text">内容：{{item+1}}</text>
      </view>
    </scroll-view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        title: 'Hello uni-app'
      }
    },
    onLoad() {},
    methods: {}
  }
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .scroll-view {
    flex: 1;
    background-color: #f5f5f5;
    padding: 5px 0;
  }

  .content-item {
    padding: 15px;
    margin: 5px 10px;
    background-color: #fff;
    border-radius: 5px;

  }

  .text {
    font-size: 14px;
    color: #666;
  }
</style>