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

小程序启动页面的设计

作者: 爱貌貌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