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>
</block>
<publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide>
<PublishSlide v-if="slideVisit" @quitSlide="quitSlide"></PublishSlide>
</view>
</template>

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

@@ -1,31 +1,41 @@
<template>
<view class="form">
<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-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 label="简介">
<u-input v-model="form.intro" />
<u-form-item label="区域" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<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 label="性别">
<u-input v-model="form.sex" type="select" />
<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="水果">
<u-checkbox-group width="50%">
<u-checkbox>苹果</u-checkbox>
<u-checkbox>雪梨</u-checkbox>
<u-checkbox>柠檬</u-checkbox>
<u-checkbox>橘子</u-checkbox>
</u-checkbox-group>
<u-form-item label="区域" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<text @click="show2 = true">123</text>
<u-picker mode="region" :show="show2" :closeOnClickOverlay="true" @close="show2 = false"></u-picker>
</u-form-item>
<u-form-item label="味道">
<u-radio-group>
<u-radio>鲜甜</u-radio>
<u-radio>麻辣</u-radio>
</u-radio-group>
<u-form-item label="区域" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
<text @click="show3 = true">123</text>
<u-picker mode="region" :show="show3" :closeOnClickOverlay="true" @close="show3 = false"></u-picker>
</u-form-item>
<u-form-item label="开关">
<u-switch slot="right"></u-switch>
<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 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>
</view>
@@ -35,13 +45,27 @@
export default {
data() {
return {
city:'',
area:'',
count:0,
show1:false,
show2:false,
show3:false,
form:{
title:''
}
},
columns:[
['中国', '美国'],
['深圳', '厦门', '上海', '拉萨']
]
}
},
methods: {
confirm(e) {
this.city = e.value[0]
this.area = e.value[1]
this.show1 = false
}
}
}
</script>
@@ -50,4 +74,17 @@
.form{
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>