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

邓洁 page: 地图

Browse Source
This commit is contained in:
邓洁
2023-11-04 21:57:57 +08:00
parent 6ce3b66029
commit 50722af798
6 changed files with 207 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
components/publishSlide/publishSlide.vue
View File

@@ -1,24 +1,24 @@
<template>
<view class="slide">
<view class="mask" @click.self="quitSlide">
<view class="mask" @click="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-1" @click="enterAddress">
<image src="/static/publish/fb_icon_zdxz.png" mode="aspectFit" class="selecter"></image>
<text class="text">找店选址</text>
</view>
<view class="content-1" @click="enterRent">
<image src="/static/publish/fb_icon_dpcz.png" mode="aspectFit" class="selecter"></image>
<text class="text">店铺出租</text>
</view>
<view class="content-1" @click="enterInvestment">
<image src="/static/publish/fb_icon_xmzs.png" mode="aspectFit" class="selecter"></image>
<text class="text">项目招商</text>
</view>
<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-1" @click="enterAddress">
<image src="/static/publish/fb_icon_zdxz.png" mode="aspectFit" class="selecter"></image>
<text class="text">找店选址</text>
</view>
<view class="content-1" @click="enterRent">
<image src="/static/publish/fb_icon_dpcz.png" mode="aspectFit" class="selecter"></image>
<text class="text">店铺出租</text>
</view>
<view class="content-1" @click="enterInvestment">
<image src="/static/publish/fb_icon_xmzs.png" mode="aspectFit" class="selecter"></image>
<text class="text">项目招商</text>
</view>
</view>
</view>
</view>
@@ -26,34 +26,34 @@
</template>
<script>
export default{
data(){
return{
export default {
data() {
return {
}
},
methods:{
quitSlide(){
methods: {
quitSlide() {
this.$emit("quitSlide")
},
enterTransfer(){
enterTransfer() {
uni.navigateTo({
url:'/pages/publish/publishTransfer/publishTransfer'
url: '/pages/publish/publishTransfer/publishTransfer'
})
},
enterAddress(){
enterAddress() {
uni.navigateTo({
url:'/pages/publish/publishAddress/publishAddress'
url: '/pages/publish/publishAddress/publishAddress'
})
},
enterRent(){
enterRent() {
uni.navigateTo({
url:'/pages/publish/publishRent/publishRent'
url: '/pages/publish/publishRent/publishRent'
})
},
enterInvestment(){
enterInvestment() {
uni.navigateTo({
url:'/pages/publish/publishInvestment/publishInvestment'
url: '/pages/publish/publishInvestment/publishInvestment'
})
}
}
@@ -61,60 +61,65 @@
</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{
height: 100%;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
z-index: 50;
}
.content-1{
// vertical-align: middle;
height: auto;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.selecter{
width: 49px;
height: 49px;
z-index: 50;
// background-color: red;
display: flex;
flex-direction: column;
// background-color: red;
}
.text{
font-size: 28rpx;
display: block;
}
.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 {
height: 100%;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
z-index: 50;
}
.content-1 {
// vertical-align: middle;
height: auto;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.selecter {
width: 49px;
height: 49px;
z-index: 50;
// background-color: red;
display: flex;
flex-direction: column;
// background-color: red;
}
.text {
font-size: 28rpx;
display: block;
}
</style>