梁航:发布悬浮卡片组件样式修复

This commit is contained in:
hot777zz
2023-11-03 18:13:43 +08:00
parent 73f4bdf1e2
commit 50102d422d

View File

@@ -7,15 +7,15 @@
<image src="/static/publish/fb_icon_dpzr.png" mode="aspectFit" class="selecter"></image>
<text class="text">店铺转让</text>
</view>
<view class="content-2" @click="enterAddress">
<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-3" @click="enterRent">
<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-4" @click="enterInvestment">
<view class="content-1" @click="enterInvestment">
<image src="/static/publish/fb_icon_xmzs.png" mode="aspectFit" class="selecter"></image>
<text class="text">项目招商</text>
</view>
@@ -87,23 +87,34 @@
}
.container{
height: 100%;
width: 100%;
display: flex;
justify-content: space-around;
margin-top: 32px;
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: 45px;
height: 45px;
width: 49px;
height: 49px;
z-index: 50;
// background-color: red;
display: flex;
flex-direction: column;
// background-color: red;
}
.text{
font-size: 28rpx;
display: block;
margin: 0 auto;
}
</style>