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%;
    }
  • 相关阅读:
    nmap扫描工具
    cobbler全自动批量安装部署linux
    使用ngxtop实时监控nginx
    Nginx 错误汇总
    定制sudo的密码保持时间以及如何不需要密码
    解决eclipse中出现Resource is out of sync with the file system问题
    log4j:ERROR Category option " 1 " not a decimal integer.错误解决
    properties文件中中文不能显示或者中文乱码
    Log4j使用总结
    eclipse, Log4j配置（真心的详细～）
  • 原文地址：https://www.cnblogs.com/rsapaper/p/8011244.html
Copyright © 2011-2022 走看看