62 lines
1.4 KiB
Vue
62 lines
1.4 KiB
Vue
<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> |