小程序view居中顯示效果怎么設(shè)置

—— 2018 ——

03/19

00:00

來源：

作者：未知

欄目：小程序開發(fā)

2018/3/19 0:00:00 來源：不詳作者：未知

　　很多在開發(fā)小程序時，會需要將多個view居中顯示的效果，那么要如何設(shè)置，怎么實(shí)現(xiàn)呢?
　　小程序view居中顯示效果是這樣的：

小程序view居中顯示效果怎么設(shè)置

　　如下圖效果所示：我們需要將 “延長收貨”，”查看物流”，“提醒發(fā)貨”，“提醒發(fā)貨”是四個按鈕放在頁面最中間，并且間隔適當(dāng)?shù)木嚯x：

HTML代碼：

  <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>

CSS代碼：

/*底部按鈕*/

.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;
}

【本站聲明】
1、本站文章中所選用的圖片及文字來源于網(wǎng)絡(luò)以及用戶投稿，由于未聯(lián)系到知識產(chǎn)權(quán)人或未發(fā)現(xiàn)有關(guān)知識產(chǎn)權(quán)的登記，如有知識產(chǎn)權(quán)人并不愿意我們使用，如果有侵權(quán)請立即聯(lián)系。
2、本網(wǎng)站不對文章中所涉及的內(nèi)容真實(shí)性、準(zhǔn)確性、可靠性負(fù)責(zé)，僅系客觀性描述，如您需要了解該類商品/服務(wù)詳細(xì)的資訊，請您直接與該類商品/服務(wù)的提供者聯(lián)系。

KESION 科汛軟件
KESION 科汛軟件是國內(nèi)領(lǐng)先的在線教育軟件及私域社交電商軟件服務(wù)提供商，長期專注于為企業(yè)提供在線教育軟件及社交電商SaaS平臺解決方案。
公司核心產(chǎn)品云開店SaaS社交電商服務(wù)平臺、在線教育SaaS服務(wù)平臺、教育企業(yè)數(shù)字化SaaS云平臺、企微營銷助手、私有化獨(dú)立部署品牌網(wǎng)校和在線教育咨詢等。
KESION 不斷通過技術(shù)創(chuàng)新，提供產(chǎn)品和服務(wù)，助力企業(yè)向數(shù)字化轉(zhuǎn)型，通過科技驅(qū)動商業(yè)革新，讓商業(yè)變得更智慧！

▼點(diǎn)擊進(jìn)入科汛官網(wǎng)了解更多

熱門標(biāo)簽

開發(fā)小程序 SaaS

上/下篇

小程序?qū)崿F(xiàn)圖片預(yù)覽的方式

小程序?qū)崿F(xiàn)圖片預(yù)覽，是圖片基本的效果，那么如何實(shí)現(xiàn)圖片預(yù)覽呢?...

SaaS 2018/3/20 0:00:00
小程序?qū)崿F(xiàn)點(diǎn)擊圖片放大預(yù)覽功能

我們可以看到很多小程序，點(diǎn)擊圖片可以實(shí)現(xiàn)放大預(yù)覽，并且可以左右滑動圖片，這種情況是如何實(shí)現(xiàn)的，主要實(shí)現(xiàn)方式是什么呢?...

微信小程序SaaS 2018/3/19 0:00:00