小程序view居中顯示效果怎么設(shè)置
很多在開發(fā)小程序時,會需要將多個view居中顯示的效果,那么要如何設(shè)置,怎么實現(xiàn)呢?
小程序view居中顯示效果是這樣的:
如下圖效果所示:我們需要將 “延長收貨”,”查看物流”,“提醒發(fā)貨”,“提醒發(fā)貨”是四個按鈕放在頁面最中間,并且間隔適當(dāng)?shù)木嚯x:
私域電商軟件及相關(guān)增值服務(wù)提供商    
品牌私域商城
全渠道品牌官方私域零售商城B2B2C多用戶商城
類“天貓&京東”多用戶商城小程序商城
小程序開店,會員小程序積分/員工福利商城
全場景員工積分與福利平臺企業(yè)內(nèi)購商城系統(tǒng)
打通企業(yè)OA,實現(xiàn)員工交易裂變S2B2B電商交易系統(tǒng)
多供應(yīng)鏈交易/企業(yè)集采平臺B2B2B渠道交易平臺
供應(yīng)商/采購商渠道深度融合B2B訂貨商城
經(jīng)銷商/代理商管理及訂貨系統(tǒng)云倉代理訂貨系統(tǒng)
訂貨+代理+分銷的級差模式連鎖門店
新零售連鎖門店管理解決方案智慧導(dǎo)購
賦能導(dǎo)購,為門店提效增值收銀系統(tǒng)
門店零售收銀管理好幫手美業(yè)連鎖系統(tǒng)
智能預(yù)約+卡券營銷定制酒系統(tǒng)
滿足個性化定制酒業(yè)務(wù)需求掃碼營銷系統(tǒng)
一物一碼場景下的整體營銷回廠游業(yè)務(wù)解決方案
突破傳統(tǒng)界限,重塑回廠互動體驗宴席酒系統(tǒng)
宴席活動數(shù)字化、業(yè)務(wù)在線化管理會員運營系統(tǒng)
專屬會員權(quán)益,激活沉睡會員,提升復(fù)購消費者運營解決方案
提升用戶終身價值,持續(xù)增長封壇酒系統(tǒng)
構(gòu)建封壇小程序,聯(lián)動酒廠運營高價值客戶企業(yè)購系統(tǒng)
搭建企業(yè)一站式電商直營采購平臺白酒裂變分銷解決方案
鏈動2+1,拓展新銷路申請體驗系統(tǒng)
●1V1系統(tǒng)演示講解
●產(chǎn)品資料及報價
●免費的運營直播課
●運營資料禮包等
......
實體門店的一站式管理軟件
智慧門店系統(tǒng),線上線下一體化
很多在開發(fā)小程序時,會需要將多個view居中顯示的效果,那么要如何設(shè)置,怎么實現(xiàn)呢?
小程序view居中顯示效果是這樣的:
如下圖效果所示:我們需要將 “延長收貨”,”查看物流”,“提醒發(fā)貨”,“提醒發(fā)貨”是四個按鈕放在頁面最中間,并且間隔適當(dāng)?shù)木嚯x:
<view class="footer">
<view class="footer-btn" style="display:flex;flex-direction: row;">
<view class="footer-btn1">延長收貨</view>
<view class="footer-btn2">查看物流</view>
<view class="footer-btn3">提醒發(fā)貨</view>
<view class="footer-btn4">提醒發(fā)貨</view>
</view>
</view>
/*底部按鈕*/
.footer{
padding-bottom: 6px;
}
.footer-btn{
justify-content: space-around;
}
.footer-btn1,.footer-btn2,.footer-btn3,.footer-btn4{
font-size: 28rpx;
color: #666666;
border: 2rpx solid #999999;
border-radius: 8rpx;
line-height: 44rpx;
margin-top: 8px;
padding:4px 4px;
}
4006-089-731
掃碼添加我微信,獲取免費試用權(quán)
適合想通過微信小程序開店做生意的個人或商家
申請獲取產(chǎn)品資料