码迷,mamicode.com
首页 > 其他好文 > 详细

plist

时间:2014-11-08 20:48:44      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   ar   os   java   sp   

<script type="text/javascript" charset="utf-8">
    var projects = [{
        id:1,
        name: ‘项目名称‘,
        figure: ‘http://localhost/image/p1.png‘,
        progress: ‘7‘,
        progressText: ‘项目路演中‘,
        invest: 30000,
        temperature: 30,
        investors: [{
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }, {
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }, {
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }]
    }, {
        id:1,
        name: ‘项目名称‘,
        figure: ‘http://localhost/image/p1.png‘,
        progress: ‘7‘,
        progressText: ‘项目路演中‘,
        invest: 30000,
        temperature: 30,
        investors: [{
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }, {
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }, {
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }]
    }, {
        id:1,
        name: ‘项目名称‘,
        figure: ‘http://localhost/image/p1.png‘,
        progress: ‘7‘,
        progressText: ‘项目路演中‘,
        invest: 30000,
        temperature: 30,
        investors: [{
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }, {
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }, {
            name: ‘创爷‘,
            avatar: ‘http://localhost/image/p1.png‘,
            position: ‘高级分析师‘,
            company: ‘高盛高华‘
        }]
    }];
</script>
<script type="text/javascript" charset="utf-8">
    var projAppendix={
        showers:[{
            id:1,
            avatar: ‘http://localhost/image/p1.png‘,
            name: ‘创爷‘,
            position: ‘高级分析师‘,
            ctime:‘2012-03-09‘,
            desc:‘f烦我诶放假见佛i我就饿哦覅煎熬覅而骄傲我ie金佛‘
        },{
            id:1,
            avatar: ‘http://localhost/image/p1.png‘,
            name: ‘创爷‘,
            position: ‘高级分析师‘,
            ctime:‘2012-03-09‘,
            desc:‘f烦我诶放假见佛i我就饿哦覅煎熬覅而骄傲我ie金佛‘
        },{
            id:1,
            avatar: ‘http://localhost/image/p1.png‘,
            name: ‘创爷‘,
            position: ‘高级分析师‘,
            ctime:‘2012-03-09‘,
            desc:‘f烦我诶放假见佛i我就饿哦覅煎熬覅而骄傲我ie金佛‘
        },{
            id:1,
            avatar: ‘http://localhost/image/p1.png‘,
            name: ‘创爷‘,
            position: ‘高级分析师‘,
            ctime:‘2012-03-09‘,
            desc:‘f烦我诶放假见佛i我就饿哦覅煎熬覅而骄傲我ie金佛‘
        },{
            id:1,
            avatar: ‘http://localhost/image/p1.png‘,
            name: ‘创爷‘,
            position: ‘高级分析师‘,
            ctime:‘2012-03-09‘,
            desc:‘f烦我诶放假见佛i我就饿哦覅煎熬覅而骄傲我ie金佛‘
        }],
        comments:[{
            name:‘abcdefg‘,
            content:‘建瓯i建瓯i就我诶见佛i我金额佛i就我ie附件‘,
            ctime:‘2013-1-1‘,
            praise:true
        },{
            name:‘abcdefg‘,
            content:‘建瓯i建瓯i就我诶见佛i我金额佛i就我ie附件‘,
            ctime:‘2013-1-1‘,
            praise:true
        },{
            name:‘abcdefg‘,
            content:‘建瓯i建瓯i就我诶见佛i我金额佛i就我ie附件‘,
            ctime:‘2013-1-1‘,
            praise:true
        },{
            name:‘abcdefg‘,
            content:‘建瓯i建瓯i就我诶见佛i我金额佛i就我ie附件‘,
            ctime:‘2013-1-1‘,
            praise:true
        },{
            name:‘abcdefg‘,
            content:‘建瓯i建瓯i就我诶见佛i我金额佛i就我ie附件‘,
            ctime:‘2013-1-1‘,
            praise:true
        },{
            name:‘abcdefg‘,
            content:‘建瓯i建瓯i就我诶见佛i我金额佛i就我ie附件‘,
            ctime:‘2013-1-1‘,
            praise:true
        }]
    };
</script>

<link rel="stylesheet" type="text/css" href="/dist/css/user/projects.css" />
<!--创业管理 start-->
<div class="cus-center-nav">
    <div class="ha">
        <ul>
            <li><a href="{{ url(‘/user/index‘) }}">个人中心</a>
            </li>
            <li><a class="curr" href="{{ url(‘/user/project‘) }}">创业管理</a>
            </li>
            <li><a href="{{ url(‘/user/investor‘) }}">投资管理</a>
            </li>
            <li>
                <a href="">消息中心</a>
            </li>
        </ul>
        <a href="" class="btn btn-blue mypro-creat"><i class="icon-plus "></i> 创建项目</a>
        <div class="clear"></div>
    </div>
</div>

<ul class="proj-list" id="projList">
</ul>

<script type="text/template" charset="utf-8" id="projInfo">
    <% for (var i=0;i<projects.length;i++){ var proj=projects[i]; %>
        <li>
            <article class="proj-list-item" data-id="<%= proj.id %>">
                <header>
                    <h3 hidden="hidden"><%= proj.name %></h3>
                    <div class="proj-avatar">
                        <img src="<%= proj.figure %>" class="pa1" />
                    </div>
                    <div class="proj-basic">
                        <h3 class="proj-name"><%= proj.name %></h3>
                        <div class="float-right">
                            <a class="btn btn-link" href=""><i class="icon-edit"></i> 编辑</a>
                            <a class="btn btn-link" href=""><i class="icon-trash"></i> 删除</a>
                        </div>
                        <div class="proj-holder">
                            <h4>领头人</h4>
                            <span></span>
                        </div>

                        <ul class="proj-holder-list">
                            <% for(var j=0;j<3;j++){ var vc=proj.investors[j]; if(!vc)break; %>
                                <li>
                                    <img class="proj-holder-avatar" src="<%= vc.avatar %>" />
                                    <div class="proj-holder-msg">
                                        <h4><%= vc.name %></h4>
                                        <span><%= vc.position %></span>
                                        <span><%= vc.company %></span>
                                    </div>
                                </li>
                            <%}%>
                        </ul>

                        <ul class="proj-holder-nav">
                            <li>
                                <a class="ly" data-target="projShower" data-url="abc.cn" href="#lyyy">路演预约</a>
                            </li>
                            <li>
                                <a class="ly" data-target="projDiscuss" data-url="abc.cn" href="#xmpl">项目评论</a>
                            </li>
                            <li>
                                <a class="ly" data-target="projMaintain" data-url="abc.cn" href="#rhwh">融后维护</a>
                            </li>
                        </ul>
                    </div>
                    <div class="proj-progress">
                        <h3><%= proj.progressText %></h3>
                        <div class="progress">
                            <div class="progress-percent" style="width:<%= proj.progress %>%"></div>
                            <span class="align-center"><%= proj.progress+‘%‘ %></span>
                        </div>
                        <ul class="proj-progress-meta">
                            <li>
                                <span>已获得</span>
                                <mark>¥<%= proj.invest %></mark>
                            </li>
                            <li>
                                <span>热度</span>
                                <mark><%= proj.temperature %></mark>
                            </li>
                        </ul>
                    </div>
                </header>
                <div class="proj-info-container">
                </div>
            </article>
        </li>
    <%}%>
</script>

<script type="text/template" charset="utf-8" id="projShower">
    <ul class="lybox proj-shower">
        <% for(var i=0;i<showers.length;i++){ %>
            <li data-id="<%= showers[i].id %>">
                <div class="roadshow-photo">
                    <img class="roadshow-photo" src="<%= showers[i].avatar %>" >
                </div>
                <div class="roadshow-msg">
                    <h4><%= showers[i].name %></h4>
                    <span><%= showers[i].position %></span>
                    <time datetime="<%= showers[i].ctime %>"><%= showers[i].ctime %></time>
                    <p><%= showers[i].desc %></p>
                </div>
                <div class="roadshow-btn">
                    <a href="" class="btn btn-orange accept">接受</a>
                    <a href="" class="btn btn-link">拒绝</a>
                </div>
                <div class="clear"></div>
            </li>
        <%}%>
    </ul>
</script>

<script type="text/template" charset="utf-8" id="projDiscuss">
    <ul class="lybox proj-discuss">
        <% for (var i=0;i<comments.length;i++){ var comm=comments[i]; %>
            <li class="commentary">
                <h5><%=comm.name%></h5>:
                <p><%=comm.content%></p>
                <span class="bittime"><%=comm.ctime%></span>
                <span class="like">
                    <a href="#">
                        <span><i class="icon-thumbs-up"></i><%=comm.praise?‘已‘:‘未‘%>点赞</span>
                    </a>
                    <a href="#">
                        <span><i class="icon-comment"></i>回复</span>
                    </a>
                </span>
            </li>
        <%}%>
    </ul>
</script>

<script type="text/template" charset="utf-8" id="projMaintain">
    <div class="lybox nofinish  proj-maintain">
        <i class="icon-spinner icon-4x"></i>融资尚未完成...
    </div>
</script>

<script src="/dist/js/user/project.js" type="text/javascript" charset="utf-8"></script>

  

plist

标签:des   style   blog   http   io   ar   os   java   sp   

原文地址:http://www.cnblogs.com/goodbeypeterpan/p/4083954.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!