<template>
  <view class="editor-container">
    <view class="page-content">
      <text class="page-title">编辑器</text>
      <text class="page-desc">这里是编辑器页面，功能开发中...</text>
    </view>
  </view>
</template>

<script setup>
import { onMounted } from 'vue'

onMounted(() => {
  console.log('编辑器页面加载完成')
})
</script>

<style lang="scss" scoped>
.editor-container {
  background-color: #f5f5f5;
  min-height: 100vh;
  
  .page-content {
    padding: 100rpx 60rpx;
    text-align: center;
    
    .page-title {
      display: block;
      font-size: 48rpx;
      font-weight: bold;
      color: #333;
      margin-bottom: 30rpx;
    }
    
    .page-desc {
      display: block;
      font-size: 28rpx;
      color: #666;
    }
  }
}
</style>