梁航:发布悬浮卡片组件样式修复
This commit is contained in:
@@ -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>
|
||||
Reference in New Issue
Block a user