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

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> <image src="/static/publish/fb_icon_dpzr.png" mode="aspectFit" class="selecter"></image>
<text class="text">店铺转让</text> <text class="text">店铺转让</text>
</view> </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> <image src="/static/publish/fb_icon_zdxz.png" mode="aspectFit" class="selecter"></image>
<text class="text">找店选址</text> <text class="text">找店选址</text>
</view> </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> <image src="/static/publish/fb_icon_dpcz.png" mode="aspectFit" class="selecter"></image>
<text class="text">店铺出租</text> <text class="text">店铺出租</text>
</view> </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> <image src="/static/publish/fb_icon_xmzs.png" mode="aspectFit" class="selecter"></image>
<text class="text">项目招商</text> <text class="text">项目招商</text>
</view> </view>
@@ -87,23 +87,34 @@
} }
.container{ .container{
height: 100%;
width: 100%;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin-top: 32px; align-items: center;
z-index: 50; z-index: 50;
} }
.content-1{
// vertical-align: middle;
height: auto;
width: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.selecter{ .selecter{
width: 45px; width: 49px;
height: 45px; height: 49px;
z-index: 50; z-index: 50;
// background-color: red; // background-color: red;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// background-color: red;
} }
.text{ .text{
font-size: 28rpx; font-size: 28rpx;
display: block; display: block;
margin: 0 auto;
} }
</style> </style>