zoukankan      html  css  js  c++  java
  • 百度小程序 之骨架

    骨架配置很简单,百度小程序文档很详细,这里就把今天练习的几个dome记下来

    1.

     代码

    <style>
    .all_background{
        background-color: white;
    }
    .head1{
        background: #eeeeee;
        height:35px;
        margin:auto;
        clear:left;
    }
    .clear{
        clear: both;
    }
    .img_title{
        height: 120px;
        background: #eeeeee;
    }
    .gu_cont{
        padding:10px 10px 10px 10px;
        align-items:flex-start;
    }
    .small_icon{
        height: 35px;
        background: #eeeeee;
        margin:6%;
        width:13%;
        float: left;
        border-radius:30px;
    }
    .cont2{
        margin: 10px 0px 10px 0px;
    }
    .cont3{
        height:43px;
        margin: 10px 0px 10px 0px;
        background: #eeeeee;
    }
    .cont4{
        height: 100px;
        margin: 10px 0px 10px 0px;
        background: #eeeeee;
    }
    </style>
    <div class="all_background">
        <div class="head1">
            <div class="skeleton-list">
                <div class=""></div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="gu_cont">
            <div class="img_title"></div>
            <div class="clear"></div>
            <div class="cont2">
                <span class="small_icon"></span>
                <span class="small_icon"></span>
                <span class="small_icon"></span>
                <span class="small_icon"></span>
            </div>
            <div class="clear"></div>
            <div class="cont3"></div>
            <div class="cont4"></div>
            <div class="cont4"></div>
            <div class="clear"></div>
            <div class="cont3"></div>
            <div class="cont4"></div>
            <div class="cont4"></div>
        </div>
    </div>

    希望以后有相关插件出来,能用就行,没办法逼着我一个写后台的来写,真的有点费时间,但又不得不如此!哎

  • 相关阅读:
    电容的用法:去耦、旁路、滤波等
    成为出色工程师的十大要素
    常用三极管的区别 9012 9013 9014 9015 8550 8050
    照明的几个光学概念
    PCB元件封装
    为什么诈骗短信看上去那么弱智
    摄像·镜头
    LED家居照明
    光色的应用与照度范围
    PowerPCB(PADS)常见问题全集
  • 原文地址:https://www.cnblogs.com/study-together/p/14086686.html
Copyright © 2011-2022 走看看