<template>
  <view class="box">
    <view class="box-top">
      {{ info.name }}
    </view>
    <view class="box-main"></view>
    <view class="box-bottom"></view>
  </view>
</template>

<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'

const info = ref({})



onLoad((options) => {
  console.log(options.id)
  info.value = {
    name: options.name
  }
})
</script>

<style lang="scss" scoped>
.box {
  width: 100%;
  height: calc(100vh - 88rpx);
  .box-top {
    padding: 0 60rpx;
    box-sizing: border-box;
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    // text-align: center;
    border-bottom: 2rpx solid #EEE;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
</style>