|
|
@@ -0,0 +1,122 @@
|
|
|
+<!--主体内容-->
|
|
|
+<div class="content-wrapper" style="min-height: 924px;; z-index: 50;">
|
|
|
+ <!-- Main content -->
|
|
|
+ <section class="content">
|
|
|
+ <div class="section">
|
|
|
+ <div class="instruction"><span>公益项目申请</span><span>(以下所有信息均为必填项)</span></div>
|
|
|
+ <div class="choose">
|
|
|
+ <div class="chooseNav">
|
|
|
+ <span class="step1 active">1、基本信息</span><span class="step2 active">2、项目详情</span><span class="step3">3、完成提交</span>
|
|
|
+ </div>
|
|
|
+ <div class="chooseDetail">
|
|
|
+ <!--项目详情-->
|
|
|
+ <div class="detail">
|
|
|
+ <div class="list-item clearfix">
|
|
|
+ <span class="fl">项目主图</span>
|
|
|
+ <div class="fl">
|
|
|
+ <p>(为了让您的项目在不同终端下均能正常展示,请分别上传PC端和手机端的主图)</p>
|
|
|
+ <div class="computer">
|
|
|
+ <span>PC端主图</span>
|
|
|
+ <button>上传图片</button>
|
|
|
+ <input type="file">
|
|
|
+ <em>(最能代表项目的焦点图,图片尺寸不小于500*280px,支持jpg,gif,png格式,不超过10MB)</em>
|
|
|
+ </div>
|
|
|
+ <div class="computer phone">
|
|
|
+ <span>手机端主图</span>
|
|
|
+ <select name="" id="">
|
|
|
+ <option value="">展示大图模式</option>
|
|
|
+ </select>
|
|
|
+ <em>(最少上传1张,最多上传4张,图片尺寸不小于750*680px,支持jpg,gif,png格式,不超过2MB;手机端第一张图片请和PC端保持一致)</em>
|
|
|
+ </div>
|
|
|
+ <div class="upload">
|
|
|
+ <input type="file"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list-item clearfix" style="margin-top: -20px;">
|
|
|
+ <span class="fl" style="margin-top: 30px;">手机列表图</span>
|
|
|
+ <div class="fl">
|
|
|
+ <div class="computer uploadImg">
|
|
|
+ <button>上传图片</button>
|
|
|
+ <input type="file">
|
|
|
+ <em>(最能代表项目的焦点图,图片尺寸不小于500*375像素以上,支持jpg,gif,png格式,不超过10MB)</em>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list-item clearfix">
|
|
|
+ <span class="fl">发起人介绍</span>
|
|
|
+ <div class="fl" style="margin: 5px 0 0 50px;">
|
|
|
+ <span class="intro">(最能代表项目的焦点图,图片尺寸500*375像素以上,支持jpg,gif,png格式不超过10MB)</span>
|
|
|
+ <div class="item clearfix">
|
|
|
+ <span class="fl">姓名</span>
|
|
|
+ <input type="text" class="form-control fl" placeholder="不超过十个字"/>
|
|
|
+ </div>
|
|
|
+ <div class="item items clearfix">
|
|
|
+ <span class="fl">头像</span>
|
|
|
+ <div class="button fl">
|
|
|
+ <button>上传图片</button>
|
|
|
+ <input type="file">
|
|
|
+ <em>(图片尺寸不小于500*500px,支持jpg,gif,png格式,不超过2MB)</em>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="item clearfix">
|
|
|
+ <span class="fl">工作单位</span>
|
|
|
+ <input type="text" class="form-control fl" placeholder="不超过二十个字"/>
|
|
|
+ </div>
|
|
|
+ <div class="item clearfix">
|
|
|
+ <span class="fl">个人简介</span>
|
|
|
+ <textarea name="" id="" cols="30" rows="10" placeholder="不超过六十个字"></textarea>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list-item clearfix">
|
|
|
+ <span class="fl">项目简介</span>
|
|
|
+ <div class="fl simple">
|
|
|
+ <textarea name="" id="" cols="30" rows="10"></textarea>
|
|
|
+ <br/>
|
|
|
+ <span>项目的简单介绍,不超过27个汉字</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="list-item clearfix">
|
|
|
+ <span class="fl">项目介绍</span>
|
|
|
+ <div class="fl introduce">
|
|
|
+ <div class="intro-header">
|
|
|
+ <span><img src="static/images/title.png" alt=""/><em>标题</em></span>
|
|
|
+ <span><img src="static/images/link.png" alt=""/><em>链接</em></span>
|
|
|
+ <span><img src="static/images/pic.png" alt=""/><em>图片</em></span>
|
|
|
+ </div>
|
|
|
+ <div class="intro-body">
|
|
|
+ <p>项目介绍(也可使用个性化为多个小标题)</p>
|
|
|
+ <span>需要让陌生用户理解你项目的独特价值。比如,用生动的语言介绍你做了哪些观察/接触到的群体真实需求/做了哪些努力和尝试/遇到了哪些困惑甚至走了哪些弯路/找到了哪些更优的解决方案/取得了哪些项目成果/准备下一步开展什么有亮点的公益项目/要实现什么公益梦想。建议300-500字,请多多配优质图片;</span>
|
|
|
+ <p>项目执行计划(也可使用个性化小标题)</p>
|
|
|
+ <span>包含时间、空间、人员、详细的项目执行计划,建议50-400字,设计图、执行计划图草图等均可;</span>
|
|
|
+ <p>关于我(也可使用个性化为多个小标题)</p>
|
|
|
+ <span>生动介绍你自己或你的团队,说明你与所发起的项目之间的背景和故事,让支持者能够在最短时间内了解你,以拉近彼此之间的距离。300-500字,请多多配优质图片;</span>
|
|
|
+ <p>项目预算</p>
|
|
|
+ <span>项目预算请尽可能详细、细致、合理,建议50-300字,可配详细的表格;</span>
|
|
|
+ <p>捐赠回馈</p>
|
|
|
+ <span>请针对直接捐款和“一起捐”,设计有助于激发用户参与的福利回馈;<br>留下如何获得回馈的方式,以及联系方式;</span>
|
|
|
+ <p>发票索要说明</p>
|
|
|
+ <span>(请认领的公募机构补充)</span>
|
|
|
+ <p>最后友情提醒:</p>
|
|
|
+ <span>文案不仅关系到是否能被审核通过,更关系到是否能打动陌生人愿意支持你,请用心准备。Ps:如果你觉得自己不会写,可以找身边会写的朋友协助准备</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="fl submitButton">
|
|
|
+ <div class="sub"><a href="launchProjectOver">提交</a><button>保存草稿</button></div>
|
|
|
+ <a href="launchProject">返回上一页</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </section>
|
|
|
+</div>
|
|
|
+<script>
|
|
|
+ $('.right-nav').on('click', 'span', function () {
|
|
|
+ var index = $(this).index();
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('.right-list').eq(index).addClass('show').siblings().removeClass('show');
|
|
|
+ });
|
|
|
+</script>
|