美文网首页
小程序启动页面的设计

小程序启动页面的设计

作者: 爱貌貌Manners | 来源:发表于2019-04-25 13:26 被阅读0次

说明,略


wxml

<!--pages/start/start.wxml-->
<view class='page-body'>
  <image class='start' src='/images/start.jpg'>
    <view class='containr-view'>
      <view class='btn-view'>
        <van-button class='start-btn' size="large" plain round type="default" open-type="getUserInfo">立即体验</van-button>
      </view>
    </view>
  </image>
</view>

wxss

/* pages/start/start.wxss */
.page-body{
  width: 100%;
  height: 100%;
}

.containr-view{
  position: absolute;
  width: 100%;
  height: 200px;
  /* background: red; */
  text-align: center;
  top: 60%;
}
.btn-view{
  /* background: blue; */
  margin-left: auto;
  margin-right: auto;
  width: 33%;
  height: 10px;
}

.start{
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
}

相关文章

网友评论

      本文标题:小程序启动页面的设计

      本文链接:https://www.haomeiwen.com/subject/zloagqtx.html