|
| xqd
@@ -0,0 +1,212 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
|
|
|
+ <title>微信投票</title>
|
|
|
+ <link rel="stylesheet" href="{{asset('css/weui.css')}}" type="text/css"/>
|
|
|
+ <link rel="stylesheet" href="{{asset('css/font-awesome.min.css')}}" type="text/css"/>
|
|
|
+ <link rel="stylesheet" href="{{asset('css/style.css')}}" type="text/css"/>
|
|
|
+ <script type="text/javascript" src="{{asset('js/zepto.min.js')}}"></script>
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <body>
|
|
|
+ <div class="container" id="container">
|
|
|
+ <div class="page__bd">
|
|
|
+ <article class="weui-article">
|
|
|
+ <img src="{{asset('images/3.png')}}" >
|
|
|
+ <section>
|
|
|
+ <h2 class="title" align="center">第一组投票</h2>
|
|
|
+ <div class="vote_info">
|
|
|
+ <ul class="info_ul">
|
|
|
+ <li class="info_list"><i class="fa fa-user"></i>参与选手<br>33</li>
|
|
|
+ <li class="border_list"><i class="fa fa-globe"></i>访问次数<br>123720</li>
|
|
|
+ <li class="border_list"><i class="fa fa-sticky-note-o"></i>累计投票<br>784061</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <h3><i class="fa fa-clock-o"></i>活动开始时间: 2016-11-1 09:00:00</h3>
|
|
|
+ <h3><i class="fa fa-clock-o"></i>活动结束时间: 2016-12-1 09:00:00</h3>
|
|
|
+ <h3><i class="fa fa-warning "></i>活动规则: 每个微信每天能投5票</h3>
|
|
|
+ <h3><i class="fa fa-bar-chart"></i>活动介绍: <i class="fa fa-angle-double-right" id="show_desc"></i></h3>
|
|
|
+ <script>
|
|
|
+ $("#show_desc").on('click', function(){
|
|
|
+ $("#vote_desc").toggle("normal", function(){
|
|
|
+ if( $("#show_desc").attr('class')=='fa fa-angle-double-down' ){
|
|
|
+ $("#show_desc").attr('class','fa fa-angle-double-right');
|
|
|
+ }else {
|
|
|
+ $("#show_desc").attr('class','fa fa-angle-double-down');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ <p id="vote_desc" style="display:none;">本次投票共分为四组,每组15个学校,每个手机每天在每个组可投5票,4组共计20票。四川网络广播电视台同时进行网络投票。11月20到30日,关注sctv7《梦想1+1》微信公众平台、四川网络广播电视台、四川教育手机报微信公众平台即可参与投票。</p>
|
|
|
+ </section>
|
|
|
+ <div class="weui-search-bar" id="searchBar" >
|
|
|
+ <form class="weui-search-bar__form" action="#" method="post">
|
|
|
+ <div class="weui-search-bar__box">
|
|
|
+ <i class="weui-icon-search"></i>
|
|
|
+ <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="请输入选手编号或名称" required="">
|
|
|
+ <a href="#" class="weui-icon-clear" id="searchClear"></a>
|
|
|
+ </div>
|
|
|
+ <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
|
|
|
+ <i class="weui-icon-search"></i>
|
|
|
+ <span>搜索</span>
|
|
|
+ </label>
|
|
|
+ </form>
|
|
|
+ <a href="#" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <a href="/vote/rank" class="weui-btn weui-btn_primary"><i class="fa fa-bar-chart"></i>查看排名</a>
|
|
|
+
|
|
|
+ <div class="voteoplist">
|
|
|
+ <div class="plistleft leftoptions" style="float:left;">
|
|
|
+
|
|
|
+ <div class="wxop">
|
|
|
+ <div class="wxopimg">
|
|
|
+ <img src="{{asset('images/s1.png')}}" class="wxopimg_img">
|
|
|
+ </div>
|
|
|
+ <div class="wxoptxt">
|
|
|
+ 1. 成都彭州市天彭镇利安初级中学七年级一班邓静
|
|
|
+ </div>
|
|
|
+ <div class="wxopvotediv" >
|
|
|
+ <div class="wxvbtn" align="center">
|
|
|
+ <button id="player_1" class="weui-btn weui-btn_mini weui-btn_primary" style="width:90%;background-color:#2ECC71;"><i class="fa fa-thumbs-o-up"></i> 投票</button>
|
|
|
+ </div>
|
|
|
+ <div class="wxvinfo">
|
|
|
+ 1375票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ /*ajax*/
|
|
|
+
|
|
|
+ </script>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wxop" style="margin-right:0;">
|
|
|
+ <div class="wxopimg">
|
|
|
+ <img src="{{asset('images/s2.png')}}" class="wxopimg_img">
|
|
|
+ </div>
|
|
|
+ <div class="wxoptxt">
|
|
|
+ 1. 成都彭州市天彭镇利安初级中学七年级一班邓静
|
|
|
+ </div>
|
|
|
+ <div class="wxopvotediv" >
|
|
|
+ <div class="wxvbtn" align="center">
|
|
|
+ <button id="player_1" class="weui-btn weui-btn_mini weui-btn_primary" style="width:90%;background-color:#2ECC71;"><i class="fa fa-thumbs-o-up"></i> 投票</button>
|
|
|
+ </div>
|
|
|
+ <div class="wxvinfo">
|
|
|
+ 1375票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wxop">
|
|
|
+ <div class="wxopimg">
|
|
|
+ <img src="{{asset('images/s1.png')}}" class="wxopimg_img">
|
|
|
+ </div>
|
|
|
+ <div class="wxoptxt">
|
|
|
+ 1. 成都彭州市天彭镇利安初级中学七年级一班邓静
|
|
|
+ </div>
|
|
|
+ <div class="wxopvotediv" >
|
|
|
+ <div class="wxvbtn" align="center">
|
|
|
+ <button id="player_1" class="weui-btn weui-btn_mini weui-btn_primary" style="width:90%;background-color:#2ECC71;"><i class="fa fa-thumbs-o-up"></i> 投票</button>
|
|
|
+ </div>
|
|
|
+ <div class="wxvinfo">
|
|
|
+ 1375票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wxop" style="margin-right:0;">
|
|
|
+ <div class="wxopimg">
|
|
|
+ <img src="{{asset('images/s2.png')}}" class="wxopimg_img">
|
|
|
+ </div>
|
|
|
+ <div class="wxoptxt">
|
|
|
+ 1. 成都彭州市天彭镇利安初级中学七年级一班邓静
|
|
|
+ </div>
|
|
|
+ <div class="wxopvotediv" >
|
|
|
+ <div class="wxvbtn" align="center">
|
|
|
+ <button id="player_1" class="weui-btn weui-btn_mini weui-btn_primary" style="width:90%;background-color:#2ECC71;"><i class="fa fa-thumbs-o-up"></i> 投票</button>
|
|
|
+ </div>
|
|
|
+ <div class="wxvinfo">
|
|
|
+ 1375票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="wxop">
|
|
|
+ <div class="wxopimg">
|
|
|
+ <img src="{{asset('images/s1.png')}}" class="wxopimg_img">
|
|
|
+ </div>
|
|
|
+ <div class="wxoptxt">
|
|
|
+ 1. 成都彭州市天彭镇利安初级中学七年级一班邓静
|
|
|
+ </div>
|
|
|
+ <div class="wxopvotediv" >
|
|
|
+ <div class="wxvbtn" align="center">
|
|
|
+ <button id="player_1" class="weui-btn weui-btn_mini weui-btn_primary" style="width:90%;background-color:#2ECC71;"><i class="fa fa-thumbs-o-up"></i> 投票</button>
|
|
|
+ </div>
|
|
|
+ <div class="wxvinfo">
|
|
|
+ 1375票
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </article>
|
|
|
+
|
|
|
+ <div class="weui-footer" >
|
|
|
+ <p class="weui-footer__links">
|
|
|
+ <span class="weui-footer__link">四川省乡村学校少年宫建设成果展播片评选</span>
|
|
|
+ </p>
|
|
|
+ <p class="weui-footer__text">Copyright © 2016 <a href="http://9026.com">9026.com</a></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </body>
|
|
|
+
|
|
|
+<script type="text/javascript">
|
|
|
+ $(function(){
|
|
|
+ var $searchBar = $('#searchBar'),
|
|
|
+ $searchResult = $('#searchResult'),
|
|
|
+ $searchText = $('#searchText'),
|
|
|
+ $searchInput = $('#searchInput'),
|
|
|
+ $searchClear = $('#searchClear'),
|
|
|
+ $searchCancel = $('#searchCancel');
|
|
|
+
|
|
|
+ function hideSearchResult(){
|
|
|
+ $searchResult.hide();
|
|
|
+ $searchInput.val('');
|
|
|
+ }
|
|
|
+ function cancelSearch(){
|
|
|
+ hideSearchResult();
|
|
|
+ $searchBar.removeClass('weui-search-bar_focusing');
|
|
|
+ $searchText.show();
|
|
|
+ }
|
|
|
+
|
|
|
+ $searchText.on('click', function(){
|
|
|
+ $searchBar.addClass('weui-search-bar_focusing');
|
|
|
+ $searchInput.focus();
|
|
|
+ });
|
|
|
+ $searchInput
|
|
|
+ .on('blur', function () {
|
|
|
+ if(!this.value.length) cancelSearch();
|
|
|
+ })
|
|
|
+ .on('input', function(){
|
|
|
+ if(this.value.length) {
|
|
|
+ $searchResult.show();
|
|
|
+ } else {
|
|
|
+ $searchResult.hide();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ ;
|
|
|
+ $searchClear.on('click', function(){
|
|
|
+ hideSearchResult();
|
|
|
+ $searchInput.focus();
|
|
|
+ });
|
|
|
+ $searchCancel.on('click', function(){
|
|
|
+ cancelSearch();
|
|
|
+ $searchInput.blur();
|
|
|
+ });
|
|
|
+ });
|
|
|
+</script>
|
|
|
+</html>
|