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