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

components/publishSlide/publishSlide.vue

@@ -0,0 +1,109 @@
+<template>
+	<view class="slide">
+		<view class="mask" @click.self="quitSlide">
+			<view class="content" @click.stop>
+				<view class="container">
+				<view class="content-1" @click="enterTransfer">
+					<image src="/static/publish/fb_icon_dpzr.png" mode="aspectFit" class="selecter"></image>
+					<text class="text">店铺转让</text>
+				</view>
+				<view class="content-2" @click="enterAddress">
+					<image src="/static/publish/fb_icon_zdxz.png" mode="aspectFit" class="selecter"></image>
+					<text  class="text">找店选址</text>
+				</view>
+				<view class="content-3"  @click="enterRent">
+					<image src="/static/publish/fb_icon_dpcz.png" mode="aspectFit" class="selecter"></image>
+					<text  class="text">店铺出租</text>
+				</view>
+				<view class="content-4" @click="enterInvestment">
+					<image src="/static/publish/fb_icon_xmzs.png" mode="aspectFit" class="selecter"></image>
+					<text class="text">项目招商</text>
+				</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				
+			}
+		},
+		methods:{
+			quitSlide(){
+				this.$emit("quitSlide")
+			},
+			enterTransfer(){
+				uni.navigateTo({
+					url:'/pages/publish/publishTransfer/publishTransfer'
+				})
+			},
+			enterAddress(){
+				uni.navigateTo({
+					url:'/pages/publish/publishAddress/publishAddress'
+				})
+			},
+			enterRent(){
+				uni.navigateTo({
+					url:'/pages/publish/publishRent/publishRent'
+				})
+			},
+			enterInvestment(){
+				uni.navigateTo({
+					url:'/pages/publish/publishInvestment/publishInvestment'
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.mask{
+	           position: fixed;
+	           top: 0;
+	           left: 0;
+	           width: 100%;
+	           height: 100%;
+	           background-color: #000000;
+	           // opacity: 0.2;
+			   	// backdrop-filter:saturate(150%) blur(8px);模糊
+			   	-webkit-backdrop-filter:saturate(150%) blur(8px);
+			   	background-color:rgba(0,0,0,.3);
+			   z-index: 20;
+			    
+	    }
+		.content{
+			position: fixed;
+			transform: translate(-50%, -50%);
+			left: 50%; top: 40%;
+			height: 25%;
+			width: 90%;
+			background-color: #fff;
+			z-index: 40;
+			border-radius: 29rpx;
+			
+		}
+		.container{
+			display: flex;
+			justify-content: space-around;
+			margin-top: 32px;
+			z-index: 50;
+		}
+		.selecter{
+			width: 45px;
+			height: 45px;
+			z-index: 50;
+			// background-color: red;
+			display: flex;
+			flex-direction: column;
+		}
+		.text{
+			font-size: 28rpx;
+			display: block;
+			margin: 0 auto;
+		}
+		
+</style>

manifest.json

@@ -50,7 +50,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "",
+        "appid" : "wxda178d12ae834c45",
         "setting" : {
             "urlCheck" : false
         },

pages.json

@@ -72,6 +72,42 @@
             }
             
         }
+        ,{
+            "path" : "pages/publish/publishTransfer/publishTransfer",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/publish/publishAddress/publishAddress",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/publish/publishRent/publishRent",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/publish/publishInvestment/publishInvestment",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
     "tabBar" : {
         "color" : "#CCCCCC",

pages/publish/publish.vue

@@ -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>
 

pages/publish/publishAddress/publishAddress.vue

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

pages/publish/publishInvestment/publishInvestment.vue

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

pages/publish/publishRent/publishRent.vue

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

pages/publish/publishTransfer/publishTransfer.vue

@@ -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>