梁航:完善个人页面样式
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<u-form :model="form" ref="uForm">
|
||||
<view class="upload">
|
||||
<u-upload max-count="5" upload-icon="photo"></u-upload>
|
||||
<text>发布房源图片({{count}}/5)</text>
|
||||
<text>发布房源图片({{ShopInfomation.count}}/5)</text>
|
||||
</view>
|
||||
|
||||
<u-form-item label="标题" label-position="top" border-bottom="true" labelStyle="margin-left: 20px">
|
||||
@@ -12,7 +12,7 @@
|
||||
<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-picker mode="region" :show="show1" :closeOnClickOverlay="true" @close="show1 = false" :columns="columns" @confirm="confirmArea"></u-picker>
|
||||
</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>
|
||||
@@ -37,7 +37,12 @@
|
||||
<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>
|
||||
<u-button @click="submit" color="linear-gradient(to right, #E86262, #CC3333)" :size="normal" shape="circle" class="submit-btn">发布</u-button>
|
||||
<view class="bug-figure">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -48,7 +53,9 @@
|
||||
ShopInfomation:{
|
||||
city:'',
|
||||
area:'',
|
||||
count:0,},
|
||||
count:0,
|
||||
|
||||
},
|
||||
|
||||
form:{
|
||||
title:''
|
||||
@@ -64,11 +71,14 @@
|
||||
|
||||
},
|
||||
methods: {
|
||||
confirm(e) {
|
||||
this.city = e.value[0]
|
||||
this.area = e.value[1]
|
||||
confirmArea(e) {
|
||||
this.ShopInfomation.city = e.value[0]
|
||||
this.ShopInfomation.area = e.value[1]
|
||||
this.show1 = false
|
||||
}
|
||||
},
|
||||
submit(){
|
||||
console.log('提交');
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -76,6 +86,7 @@
|
||||
<style lang="scss">
|
||||
.form{
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.input-class{
|
||||
font-size: 30rpx;
|
||||
@@ -88,6 +99,12 @@
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #F8F8F8;
|
||||
margin-right: 20px;
|
||||
// margin-right: 20px;
|
||||
}
|
||||
.submit-btn{
|
||||
width: 80%;
|
||||
}
|
||||
.bug-figure{
|
||||
height: 100rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user