<template>
	<view>
		<view class="form-row">
			<text class="form-row__label form-row__label--req">店铺名称</text>
			<input v-model="shop.shopName" class="form-row__input" />
		</view>
		<image-upload v-model="shop.shopAvatar" label="店铺 Logo" />
		<view class="form-row">
			<text class="form-row__label form-row__label--req">联系电话</text>
			<input v-model="shop.shopPhone" class="form-row__input" />
		</view>
		<view class="form-row form-row--col">
			<text class="form-row__label">店铺简介</text>
			<textarea
				v-model="shop.shopDesc"
				class="shop-desc"
				placeholder="选填"
				maxlength="500"
			/>
		</view>
	</view>
</template>

<script setup>
import ImageUpload from '@/components/mine/ImageUpload.vue'

defineProps({
  shop: { type: Object, required: true }
})
</script>

<style lang="scss" scoped>
@import '@/styles/mine.scss';
.shop-desc {
  width: 100%;
  min-height: 160rpx;
  margin-top: 12rpx;
  padding: 16rpx;
  font-size: 28rpx;
  background: #f5f2ef;
  border-radius: 8rpx;
  box-sizing: border-box;
}
</style>
