<template>
  <AdminLayout currentPage="content-list">
    <view class="Page">
      <view class="Header">
        <text class="Title">文章管理</text>
        <text class="SubTitle">content/index</text>
      </view>

      <view class="Card">
        <text class="Label">页面参数（query）</text>
        <text class="Mono">{{ params }}</text>
      </view>
    </view>
  </AdminLayout>
</template>

<script setup lang="uts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import AdminLayout from '@/layouts/admin/AdminLayout.uvue'

const params = ref('')

onLoad((options) => {
  // options: Record<string, any>
  params.value = JSON.stringify(options ?? {})
})
</script>

<style>
.Page {
  padding: 24rpx;
}
.Header {
  padding: 24rpx;
  border-radius: 16rpx;
  background: #ffffff;
}
.Title {
  font-size: 36rpx;
  font-weight: 700;
}
.SubTitle {
  margin-top: 8rpx;
  font-size: 24rpx;
  opacity: 0.7;
}
.Card {
  margin-top: 24rpx;
  padding: 24rpx;
  border-radius: 16rpx;
  background: #ffffff;
}
.Label {
  font-size: 26rpx;
  font-weight: 600;
  margin-bottom: 12rpx;
}
.Mono {
  font-size: 24rpx;
  font-family: monospace;
  line-height: 36rpx;
  word-break: break-all;
}
</style>
