<template>
  <view class="container">
    <view class="record-wrap">
      <view class="record-list-wrap" v-for="i in 10">1</view>
    </view>


    <tui-button class="addTree">新增树木录入</tui-button>
  </view>

</template>

<script>

export default {
  name: "treeRecord"
}
</script>

<style scoped>
.record-wrap{
  padding-bottom: 120rpx;
}
.record-list-wrap{
  height: 200rpx;
  margin: 20rpx 20rpx 0 20rpx;
  padding: 20rpx;
  box-shadow: 0 1rpx 2rpx 5rpx rgb(0, 0, 0, .3);
  border-radius: 10rpx;
}

.addTree{
  width: 100%;
  position: fixed;
  bottom: 0;
}

</style>