梁航:更新悬浮选项组件及子页面

This commit is contained in:
hot777zz
2023-11-03 16:58:22 +08:00
parent 849ea07b08
commit 73f4bdf1e2
12 changed files with 279 additions and 6 deletions

View File

@@ -1,6 +1,9 @@
<template>
<view>
发布
<view class="test">
<button @click="slide()">test</button>
<publishSlide v-if="slideVisit" @quitSlide="quitSlide"></publishSlide>
</view>
<TabBar :current-page="2" />
</view>
</template>
@@ -9,12 +12,18 @@
export default {
data() {
return {
}
},
slideVisit : false
}
},
methods: {
slide(){
this.slideVisit = true
},
quitSlide(){
this.slideVisit = false
}
}
}
</script>

View File

@@ -0,0 +1,22 @@
<template>
<view>
发布店铺地址
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
发布招商合作
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,22 @@
<template>
<view>
发布店铺出租
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

View File

@@ -0,0 +1,53 @@
<template>
<view class="form">
<u-form :model="form" ref="uForm">
<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-form-item>
<u-form-item label="简介">
<u-input v-model="form.intro" />
</u-form-item>
<u-form-item label="性别">
<u-input v-model="form.sex" type="select" />
</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>
<u-form-item label="味道">
<u-radio-group>
<u-radio>鲜甜</u-radio>
<u-radio>麻辣</u-radio>
</u-radio-group>
</u-form-item>
<u-form-item label="开关">
<u-switch slot="right"></u-switch>
</u-form-item>
</u-form>
</view>
</template>
<script>
export default {
data() {
return {
form:{
title:''
}
}
},
methods: {
}
}
</script>
<style lang="scss">
.form{
margin-left: 20px;
}
</style>