zoukankan      html  css  js  c++  java

  • CSS3 弹性盒子(Flex Box) 微信小程序图片通栏

    {{define "chkUrl"}}
    <!DOCTYPE html>
    <html lang="zh-cmn-Hans">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>chkUrl--脚本管理</title>
        <link rel="stylesheet" href="/static/WeUI_files/weui.css">
        <link rel="stylesheet" href="/static/WeUI_files/example.css">
    </head>
    <body style="margin:1em ;">

    {{/*{{range .}}*/}}
    {{/*{{.}}*/}}
    {{/*{{.Host}}*/}}
    {{/*{{end}}*/}}

    <div class="weui-cells page__category-content">
        <div class="page__hd">
            <h1 class="page__title">chkUrl</h1>
            <p class="page__desc">检测url状态信息</p>
        </div>
        <div class="page__bd">
        {{/*<div class="weui-cells__title">带说明的列表项</div>*/}}
        <div class="weui-cells">
        {{/*<div class="weui-cell">*/}}
        {{/*<div class="weui-cell__bd">*/}}
        {{/*<p>标题文字</p>*/}}
        {{/*</div>*/}}
        {{/*<div class="weui-cell__ft">说明文字</div>*/}}
        {{/*</div>*/}}

        {{range .}}
            <div class="weui-cell weui-cell_swiped">
                <div class="weui-cell__bd" style="transform: translateX(-68px)">
                    <div class="weui-cell" style="padding-left: 68px">
                        <p>   {{.Host}}</p> &nbsp;&nbsp;
                        <p>   {{.Port}}</p> &nbsp;&nbsp;
                        <div class="weui-cell__ft">   {{.Path}}</div>
                        <div class="weui-cell__ft">   {{.ScriptName}}</div>

                        <input class="weui-input" type="number" pattern="[0-9]*" value="weui input error"
                               placeholder="请输入uid（0-9）" style="margin-left: 2em;">
                    </div>

                </div>
                <div class="weui-cell__ft">
                    <a class="weui-swiped-btn weui-swiped-btn_warn" href="javascript:">运行</a>
                </div>
            </div>
        </div>

        {{end}}


        </div>
    </div>

    {{range .}}
    <div class="weui-flex">
        <div class="weui-flex__item">
            <div class="placeholder">{{.Host}}</div>
        </div>
        <div class="weui-flex__item">
            <div class="placeholder">{{.Port}}</div>
        </div>
        <div class="weui-flex__item">
            <div class="placeholder">{{.Path}}</div>
        </div>
        <div class="weui-flex__item">
            <div class="placeholder">{{.ScriptName}}</div>
        </div>
        <div class="weui-flex__item">
            <div class="placeholder"><input class="weui-input" type="number" pattern="[0-9]*" value="weui input error"
                                            placeholder="请输入uid（0-9）" style="margin-left: 2em;"></div>
        </div>
        <div class="weui-flex__item">
            <div class="placeholder"><a class="weui-swiped-btn weui-swiped-btn_warn" href="javascript:">运行</a>
            </div>
        </div>
    </div>
    {{end}}
    {{/*<div class="page flex js_show">*/}}
    {{/*<div class="page__hd">*/}}
    {{/*<h1 class="page__title">Flex</h1>*/}}
    {{/*<p class="page__desc">Flex布局</p>*/}}
    {{/*</div>*/}}
    {{/*<div class="page__bd page__bd_spacing">*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*</div>*/}}
    {{/*<div class="page__ft j_bottom">*/}}
    {{/*<a href="javascript:home()"><img src="./images/icon_footer_link.png"></a>*/}}
    {{/*</div>*/}}
    {{/*</div>*/}}

    </body>
    </html>
    {{end}}



    {{define "chkUrl"}}
    <!DOCTYPE html>
    <html lang="zh-cmn-Hans">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
        <title>chkUrl--脚本管理</title>
        <link rel="stylesheet" href="/static/WeUI_files/weui.css">
        <link rel="stylesheet" href="/static/WeUI_files/example.css">
    </head>
    <body style="margin:1em ;">

    {{/*{{range .}}*/}}
    {{/*{{.}}*/}}
    {{/*{{.Host}}*/}}
    {{/*{{end}}*/}}

    <div class="weui-cells page__category-content">
        <div class="page__hd">
            <h1 class="page__title">chkUrl</h1>
            <p class="page__desc">检测url状态信息</p>
        </div>
        <div class="page__bd">
        {{/*<div class="weui-cells__title">带说明的列表项</div>*/}}
        <div class="weui-cells">
        {{/*<div class="weui-cell">*/}}
        {{/*<div class="weui-cell__bd">*/}}
        {{/*<p>标题文字</p>*/}}
        {{/*</div>*/}}
        {{/*<div class="weui-cell__ft">说明文字</div>*/}}
        {{/*</div>*/}}

        {{range .}}
            <div class="weui-cell weui-cell_swiped">
                <div class="weui-cell__bd" style="transform: translateX(-68px)">
                    <div class="weui-cell" style="padding-left: 68px">
                        <p>   {{.Host}}</p> &nbsp;&nbsp;
                        <p>   {{.Port}}</p> &nbsp;&nbsp;
                        <div class="weui-cell__ft">   {{.Path}}</div>
                        <div class="weui-cell__ft">   {{.ScriptName}}</div>

                        <input class="weui-input" type="number" pattern="[0-9]*" value="weui input error"
                               placeholder="请输入uid（0-9）" style="margin-left: 2em;">
                    </div>

                </div>
                <div class="weui-cell__ft">
                    <a class="weui-swiped-btn weui-swiped-btn_warn" href="javascript:">运行</a>
                </div>
            </div>
        </div>

        {{end}}
        </div>
    </div>
    <div class="weui-cells page__category-content">
    {{range .}}
        <div class="weui-cell weui-cell_swiped">
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">{{.Host}}</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">{{.Port}}</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">{{.Path}}</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">{{.ScriptName}}</div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder"><input class="weui-input" type="number" pattern="[0-9]*"
                                                    value="weui input error"
                                                    placeholder="请输入uid（0-9）" style="margin-left: 2em;"></div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">
                        <a class="weui-swiped-btn weui-swiped-btn_warn" href="javascript:"
                           style="color: #FFF;text-align: center;">运行</a>
                    </div>
                </div>
            </div>
        </div>
    {{end}}
    </div>
    {{/*<div class="page flex js_show">*/}}
    {{/*<div class="page__hd">*/}}
    {{/*<h1 class="page__title">Flex</h1>*/}}
    {{/*<p class="page__desc">Flex布局</p>*/}}
    {{/*</div>*/}}
    {{/*<div class="page__bd page__bd_spacing">*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*<div class="weui-flex">*/}}
    {{/*<div><div class="placeholder">weui</div></div>*/}}
    {{/*<div class="weui-flex__item"><div class="placeholder">weui</div></div>*/}}
    {{/*<div><div class="placeholder">weui</div></div>*/}}
    {{/*</div>*/}}
    {{/*</div>*/}}
    {{/*<div class="page__ft j_bottom">*/}}
    {{/*<a href="javascript:home()"><img src="./images/icon_footer_link.png"></a>*/}}
    {{/*</div>*/}}
    {{/*</div>*/}}

    </body>
    </html>
    {{end}}








    img{
     flex: 1 100%;
    }
  • 相关阅读:
    深入浅出RxJava
    android 图像处理系列合集
    WebView·开发指南
    LocalBroadcastManager 的实现原理，Handler还是 Binder？
    TCP协议中的三次握手和四次挥手(图解)
    Android进程保活
    Android只能动态注册的广播Action
    WakeLock, AlarmManager, JobScheduler
    jQuery验证控件jquery.validate.js使用说明+中文API
    IntelliJ IDEA的自动提示貌似是区分大小写的，首字母小写的话，怎么都提示不出来。
  • 原文地址：https://www.cnblogs.com/rsapaper/p/8011244.html
Copyright © 2011-2022 走看看