LxtalkUIView/testproject/src/templates/home.html

<div class="main">
    <header>
        <!--<div class="header111">
            <img src="../img/webChatImg/banner.png" alt="">
        </div>-->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>
                <div class="swiper-slide"><img src="../img/webChatImg/banner.png" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
            <!-- 如果需要导航按钮 -->
            <!--<div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>-->
            <!-- 如果需要滚动条 -->
            <!--<div class="swiper-scrollbar"></div>-->
        </div>
    </header>

    <content>
        <div></div>
    </content>

    <footer>
        <div class="bg">
            <img src="../img/webChatImg/bg2.jpg" alt="">
        </div>
        <div class="contain" ng-cloak>
            <div class="inquire" ng-cloak>
                <a href="http://www.lszszw.gov.cn/Search.aspx">
                    <img class="breath size1" src="../img/webChatImg/自助咨询.png" alt=""><span class="explain">自助咨询</span>
                </a>
            </div>
            <div class="call" ng-cloak>
                <a href="tel:057812345">
                    <img class="breath size2" src="../img/webChatImg/12345.png" alt=""><span class="explain">拨打12345</span>
                </a>
            </div>
            <div class="online" ng-cloak>
                <a data-toggle="modal" href="">
                    <img class="breath size3" ng-click="onOnlineClick($event)" src="../img/webChatImg/在线服务.png" alt=""><span ng-click="onOnlineClick($event)" class="explain">在线服务</span>
                </a>
            </div>
            <div class="email" ng-cloak >
                <a data-toggle="modal" data-target="#info" href=""><!--ui-sref="webChat.online"-->
                    <img class="breath size4" src="../img/webChatImg/网上信箱.png" alt="" ><span class="explain">网上信箱</span>
                </a>
            </div>
            <div class="result" ng-cloak >
                <a data-toggle="modal" data-target="#info" href="">
                    <img class="breath size5" src="../img/webChatImg/结果查询.png" alt=""><span class="explain">结果查询</span>
                </a>
            </div>

            <div class="logo">
                <img src="../img/webChatImg/logo.png" alt="">
            </div>
        </div>
    </footer>
        <div class="modal fade info" id="info" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="infoModalLabel" aria-hidden="true">
        <div class="modal-info">
            <p>此功能正在全力开发中，敬请期待</p>
            <a href="" data-dismiss="modal" style="color:#888;">关闭</a>
        </div>
    </div>
    <div class="modal fade errorLogin" id="errorLoginModal" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="errorLoginModalLabel" aria-hidden="true">
        <div class="modal-info">
            <p>{{addr.regeocode.addressComponent.district}}暂不支持此功能</p>
            <a href="" data-dismiss="modal" style="color:#888;">关闭</a>
        </div>
    </div>
    <div class="modal fade phoneLogin" id="phoneLoginModal" tabindex="-2" data-backdrop="static" role="dialog" aria-labelledby="phoneLoginModalLabel" aria-hidden="true">
        <div class="modal-info">
            <p>请输入手机号码</p>
            <input class="form-control input-sm" type="text" ng-model="currentUser.Mobile">
            <a ng-click="onlineService()">确定</a>
            <a href="" data-dismiss="modal" style="color:#888;">关闭</a>
        </div>
    </div>
</div>