odjbin/city-store-transfer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

梁航：发布店铺转让表单更新

Browse Source
This commit is contained in:
hot777zz
2023-11-05 21:52:55 +08:00
parent 9421abb41b
commit 6a29614854
2 changed files with 59 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/TabBar/TabBar.vue
View File

@@ -11,7 +11,7 @@
</view> </view>
</view> </view>
</block> </block>
<publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide> <PublishSlide v-if="slideVisit" @quitSlide="quitSlide"></PublishSlide>
</view> </view>
</template> </template>

79
pages/publish/publishTransfer/publishTransfer.vue
View File

@@ -1,31 +1,41 @@
<template> <template>
<view class="form"> <view class="form">
<u-form :model="form" ref="uForm"> <u-form :model="form" ref="uForm">
<view class="upload">
<u-upload max-count="5" upload-icon="photo"></u-upload>
<text>发布房源图片({{count}}/5)</text>
</view>
<u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px"> <u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-style="font-size: 40rpx;font-weight:1px"></u-input> <u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-class="input-class" border="none"></u-input>
</u-form-item> </u-form-item>
<u-form-item label="简介"> <u-form-item label="区域" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-input v-model="form.intro" /> <u-cell is-link="true" @click="show1 = true"><text>111111</text>
</u-cell>
<u-picker mode="region" :show="show1" :closeOnClickOverlay="true" @close="show1 = false" :columns="columns" @confirm="confirm"></u-picker>
</u-form-item> </u-form-item>
<u-form-item label="性别"> <u-form-item label="地址" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-input v-model="form.sex" type="select" /> <u-input v-model="form.name" placeholder="请输入店铺地址" placeholder-class="input-class" border="none"></u-input>
</u-form-item> </u-form-item>
<u-form-item label="水果"> <u-form-item label="区域" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-checkbox-group width="50%"> <text @click="show2 = true">123</text>
<u-checkbox>苹果</u-checkbox> <u-picker mode="region" :show="show2" :closeOnClickOverlay="true" @close="show2 = false"></u-picker>
<u-checkbox>雪梨</u-checkbox>
<u-checkbox>柠檬</u-checkbox>
<u-checkbox>橘子</u-checkbox>
</u-checkbox-group>
</u-form-item> </u-form-item>
<u-form-item label="味道"> <u-form-item label="区域" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-radio-group> <text @click="show3 = true">123</text>
<u-radio>鲜甜</u-radio> <u-picker mode="region" :show="show3" :closeOnClickOverlay="true" @close="show3 = false"></u-picker>
<u-radio>麻辣</u-radio>
</u-radio-group>
</u-form-item> </u-form-item>
<u-form-item label="开关"> <u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-switch slot="right"></u-switch> <u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-class="input-class" border="none"></u-input>
</u-form-item>
<u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-class="input-class" border="none"></u-input>
</u-form-item>
<u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-class="input-class" border="none"></u-input>
</u-form-item>
<u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<u-input v-model="form.name" placeholder="请输入标题以便吸引人的注意哦" placeholder-class="input-class" border="none"></u-input>
</u-form-item> </u-form-item>
</u-form> </u-form>
</view> </view>
@@ -35,13 +45,27 @@
export default { export default {
data() { data() {
return { return {
city:'',
area:'',
count:0,
show1:false,
show2:false,
show3:false,
form:{ form:{
title:'' title:''
} },
columns:[
['中国', '美国'],
['深圳', '厦门', '上海', '拉萨']
]
} }
}, },
methods: { methods: {
confirm(e) {
this.city = e.value[0]
this.area = e.value[1]
this.show1 = false
}
} }
} }
</script> </script>
@@ -50,4 +74,17 @@
.form{ .form{
margin-left: 20px; margin-left: 20px;
} }
.input-class{
font-size: 30rpx;
font-weight:1px;
border-style: none
}
.upload{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #F8F8F8;
margin-right: 20px;
}
</style> </style>