<route lang="yaml">
style:
  navigationBarTitleText: 设计案例
  navigationBarBackgroundColor: '#fff'
</route>
<script setup lang="ts">
import SectionHeading from '@/components/section-heading.vue'

const value = ref('')
const fileList = ref([])
const action = ref('')
const handleChange = (e: any) => {
  console.log(e)
}
</script>
<template>
  <div class="flex-grow bg-white p-3.5 flex flex-col">
    <wd-form ref="form">
      <wd-cell-group border>
        <wd-picker label="空间类型：" v-model="value" />
        <wd-picker label="设计风格：" v-model="value" />
        <wd-input label="空间位置：" v-model="value" placeholder="填写位置" />
        <wd-textarea
          label="客户需求："
          v-model="value"
          placeholder="请简单描述客户的生活需求和您的设计理念"
        />
      </wd-cell-group>
    </wd-form>

    <wd-upload
      :file-list="fileList"
      image-mode="aspectFill"
      :action="action"
      @change="handleChange"
    ></wd-upload>
    <SectionHeading
      title="标签"
      custom-class="my-6"
      size="base"
      path="/pages/publish/tags/index"
    ></SectionHeading>
    <div class="flex-1"></div>
    <div class="w-full">
      <wd-button type="primary" :round="false" block>发布</wd-button>
    </div>
  </div>
</template>
