pp电子

登录
免费开通

小程序view居中显示效果怎么设置


  许多在开发小程序时,, ,,,会需要将多个view居中显示的效果,, ,,,那么要怎样设置,, ,,,怎么实现呢?
  小程序view居中显示效果是这样的:

小程序view居中显示效果怎么设置

  如下图效果所示:我们需要将 “延伸收货”,, ,,,”审查物流”,, ,,,“提醒发货”,, ,,,“提醒发货”是四个按钮放在页面最中心,, ,,,并且距离适当的距离:

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">提醒发货</view>
                <view class="footer-btn4">提醒发货</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、本站文章中所选用的图片及文字泉源于网络以及用户投稿,, ,,,由于未联系到知识产权人或未发明有关知识产权的挂号,, ,,,若有知识产权人并不肯意我们使用,, ,,,若是有侵权请连忙联系。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真,, ,,,仅系客观性形貌,, ,,,如您需要相识该类商品/服务详细的资讯,, ,,,请您直接与该类商品/服务的提供者联系。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商,, ,,,恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。

KESION 一直通过手艺立异,, ,,,提供产品和服务,, ,,,助力企业向数字化转型,, ,,,通过科技驱动商业刷新,, ,,,让商业变得更智慧!



▼点击进入pp电子官网相识更多



热门标签
开发小程序 SaaS
上/下篇
  • 小程序实现图片预览的方式

  • 小程序实现点击图片放大预览功效

换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
小程序view居中显示效果怎么设置 - KESION pp电