person_center.html 10.0 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <!--<meta name="viewport" content="width=device-width, initial-scale=1" />-->
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_hcei2fa3b4q.css">
    <link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/css/personal_center.css">
    <script src="__TMPL__/public/assets/js/base.js"></script>
    <style>
        .iconfont{
            font-size: 0.38rem;
        }
        .icon-diqiu{
            font-size: 0.35rem;
        }
        .icon-fangdajing{
            color: #fff;
            font-size: 0.3rem;
        }


        .icon-iconfont-edu12{
            color: #959595;
            font-size: 0.5rem;
            position: relative;
        }
        .icon-shangsanjiao{
            height: 0.5rem;
            font-size: 0.6rem;
            margin-left: 1.2rem;
            position: absolute;
            top: -0.28rem;
            color: #F4F5F9;
        }
        .margin_lef{
            margin-left: 0.2rem;
        }
        .menu_box{
            /*display: flex;*/
            position: absolute;
            top: 0.69rem;
            left: -1.4rem;
        }
        .menu_color{
            color: #EA474B;
        }
        a{
            -webkit-tap-highlight-color: transparent;
            text-decoration:none;
        }
    </style>
</head>
<body>
<div class="container">
    <!--头部-->
    <div class="head">
        <div class="head_box">
            <!--左部分-->
            <div class="head_t">
                <!--搜索框-->
                <div class="head_t_left">
                    <input type="search" id="keyword" value="{$keyword|default=''}">
                    <div class="head_t_left_search">
                        <div class="iconfont icon-fangdajing"></div>
                    </div>
                </div>

            </div>
            <!--右部分-->
            <div class="head_r">
                <div class="iconfont icon-iconfont-edu12">
                    <!--菜单栏功能-->
                    <div class="menu_box" style="display: none;">

                        <!--菜单列表-->
                        <div class="head_menu">
                            <!--箭头-->
                            <div class="iconfont icon-shangsanjiao"></div>
                            <!--菜单-->
                            <div class="head_menu_item menu_index">
                                <!--图标-->
                                <div class="iconfont icon-zhuye2 margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    首页
                                </div>
                            </div>
                            <div class="head_menu_item menu_gyzh">
                                <!--图标-->
                                <div class="iconfont icon-fangzi margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    关于展品
                                </div>
                            </div>
                            <div class="head_menu_item menu_zpfw">
                                <!--图标-->
                                <div class="iconfont icon-fangkuai margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    展品范围
                                </div>
                            </div>
                            <div class="head_menu_item menu_zsml">
                                <!--图标-->
                                <div class="iconfont icon-diqiu1 margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    展商名录
                                </div>
                            </div>
                            <div class="head_menu_item menu_czsq">
                                <!--图标-->
                                <div class="iconfont icon-zuanshi margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    参展申请
                                </div>
                            </div>
                            <div class="head_menu_item menu_gzml">
                                <!--图标-->
                                <div class="iconfont icon-lanzi margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    观众名录
                                </div>
                            </div>
                            <div class="head_menu_item menu_cgdj">
                                <!--图标-->
                                <div class="iconfont icon-gouwuche1 margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    参观登记
                                </div>
                            </div>
                            <div class="head_menu_item menu_lthd">
                                <!--图标-->
                                <div class="iconfont icon-luyin margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    论坛活动
                                </div>
                            </div>
                            <div class="head_menu_item menu_xwbd">
                                <!--图标-->
                                <div class="iconfont icon-ic_language_px margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    新闻报道
                                </div>
                            </div>
                            <div class="head_menu_item menu_slfw">
                                <!--图标-->
                                <div class="iconfont icon-shuben margin_lef"></div>
                                <!--文字-->
                                <div class="head_menu_item_text">
                                    商旅服务
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--头像-->
        <div class="head_portrait">
            <img src="__TMPL__/public/assets/images/bpic02@2x.png">
        </div>
        <!--欢迎-->
        <div class="head_name">
            <if condition="$user_mobile eq 0">
                欢迎您,用户
            <else/>
                欢迎您,{$user_mobile}用户
            </if>
        </div>
        <!--搜索框-->
        <div class="head_search">
            <input type="email" placeholder="输入您的邮箱" id="youEmail">
            <div class="head_search_button dingyue">
                EDM/展报订阅
            </div>
        </div>
    </div>
    <!--菜单-->
    <include file="public@navigate"/>
    <!--中部图片-->

    <div class="middle middle_activity">
        <img src="__TMPL__/public/assets/images/index_2.png">
        <div class="middle_text">2019汽车产业装备与智能制造峰会>></div>
    </div>
    <!--最新咨询-->
    <div class="new">
        <div class="iconfont icon-diqiu"></div>
        <div class="new_text">最新咨询</div>
    </div>
    <!--下划线-->
    <div class="new_underline"></div>
    <!--底部内容-->
    <div class="bottom">
        <!--底部左边-->
        <div class="bottom_left">
            <volist name="news3_list" id="vo">
                <a href="/portal/travel/detail/menu_id/42/id/{$vo['id']}">
                    <div class="bottom_left_top">
                        {$vo.title}
                    </div>
                    <div class="bottom_left_bottom">
                        {$vo.briefcontent}
                    </div>
                </a>
            </volist>
        </div>
        <div class="bottom_right">
            <img src="__TMPL__/public/assets/images/2_pic.png">
        </div>
    </div>

    <!--底部菜单-->
    <include file="public@footer"/>
</div>
<script src="__TMPL__/public/assets/js/jquery.min.js"></script>
<script src="__TMPL__/public/assets/js/footer.js"></script>
<script>
    //左边菜单功能
    $(".icon-iconfont-edu12").click(function () {
        $(".menu_box").slideToggle();
    });
    //苹果input自动下滑兼容
    $("input").blur(function(){
        setTimeout(function() {
            var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
            window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 300);
    });
    //聚焦监听
    $('input').focus(function() {
        if((/Android/gi).test(navigator.userAgent)) {
            window.addEventListener('resize', function() {
                if(document.activeElement.tagName == 'INPUT' ||
                    document.activeElement.tagName == 'TEXTAREA') {
                    window.setTimeout(function() {
                        document.activeElement.scrollIntoViewIfNeeded();
                    }, 0);
                }
            });
        }
    });
    //检索
    $('.head_t_left_search').click(function(){
        var keyword = $('#keyword').val();
        if(keyword == ''){
            return false;
        }
        location.href = "{:url('index/news_search')}?keyword="+keyword;
    });
</script>
</body>
</html>