<template>
	<view class="u-p-30 bg-gray min-page color-333 u-font-28">
		<view class="border-r-12 bg-fff u-p-30">
			<view>
				<view>类别名称</view>
				<view class="u-m-t-16 u-p-b-10 border-bottom">
					<uni-easyinput paddingNone :inputBorder="false" v-model="value"
						placeholder="填写类别名称"></uni-easyinput>
				</view>
			</view>
			<view class="u-m-t-24">
				<view>类别名称</view>
				<view class="u-m-t-16 u-m-t-10">
					<uni-easyinput type="textarea" v-model="value" placeholder="填写类别描述内容"></uni-easyinput>
				</view>
			</view>
		</view>

		<view class="bottom">
			<view class="">
				<my-button shape="circle" type="primary">保存</my-button>
			</view>
			<view class="u-m-t-20">
				<my-button type="cancel">
					<view class="color-999">取消</view>
				</my-button>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		onLoad,
		onReady,
		onShow,
		onPageScroll,
		onPullDownRefresh
	} from '@dcloudio/uni-app';
	import myButton from '@/components/my-components/my-button';
	import {
		reactive
	} from 'vue';

	const page = reactive({
		type: 'add'
	})
	onLoad(opt => {
		if (JSON.stringify(opt) != '{}' && opt.hasOwnProperty('type')) {
			page.type = opt.type
		}
		uni.setNavigationBarTitle({
			title: page.type==='add'?'添加类别':'编辑类别'
		})
	})
</script>

<style lang="scss" scoped>
	.bottom {
		padding: 84rpx 80rpx;
	}
</style>