huanggang 6 年之前
父节点
当前提交
1bf8404b24

+ 47 - 0
data/resource/mobile/talk/css/certs.css

@@ -94,4 +94,51 @@ html, body {
     float: right;
     color: #333333;
     text-decoration: underline;
+}
+
+.pop {
+    position: fixed;
+    display: none;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: rgba(0,0,0,0.8);
+    z-index: 99;
+}
+
+.example_pop {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    background: #ffffff;
+    width: 75%;
+    padding: 20px;
+    text-align: center;
+    -webkit-transform: translate(-50%,-50%);
+    transform: translate(-50%,-50%);
+}
+
+.example_pop .prompt {
+    margin-bottom: 10px;
+}
+
+.example_pop p {
+    font-size: 12px;
+    color: #333333;
+    text-align: left;
+}
+
+.example_pop img {
+    width: 100%;
+}
+
+.close_btn {
+    width: 28px;
+    height: 28px;
+    position: absolute;
+    top: -41px;
+    right: 0;
+    background: url("../images/close_btn.png") no-repeat;
+    background-size: 100%;
 }

二进制
data/resource/mobile/talk/images/example_enterprise.png


二进制
data/resource/mobile/talk/images/example_school.png


+ 30 - 1
mobile/templates/default/talk/enterprise_certs.php

@@ -58,7 +58,7 @@
             </div>
         </div>
         <div class="weui-cells__tips">
-            <p>请上传在校学生证照片或教师在职证明,确保信息区域拍摄清晰。</p>
+            <p>请上传最新营业执照正面照,资质信息无残缺。</p>
             <p class="example">查看示例</p>
         </div>
         <div class="weui-cells__title">*管理员名称</div>
@@ -103,6 +103,22 @@
         </div>
     </form>
 </div>
+<div class="pop">
+    <div class="example_pop">
+        <div class="prompt">
+            <p>
+                1.请提供在有效期内的有效营业执照,仅支持中国大陆
+                工商局或市场监督管理局登记的企业;
+            </p>
+            <p>
+                2.营业执照需为彩色扫描件,或黑白版加盖彩色公章扫
+                描件,要求各字段文字和公章完整清晰。
+            </p>
+        </div>
+        <img src="<?php echo RESOURCE_SITE_URL;?>/mobile/talk/images/example_enterprise.png" alt="">
+        <span class="close_btn"></span>
+    </div>
+</div>
 
 
 <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js?<?php echo bonus_version(); ?>"></script>
@@ -111,5 +127,18 @@
 <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js?<?php echo bonus_version(); ?>"></script>
 <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/js/ajaxfileupload/ajaxfileupload.js?<?php echo bonus_version(); ?>"></script>
 <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/certs.js?<?php echo bonus_version(); ?>"></script>
+<script type="text/javascript">
+    $(function(){
+        $(".example").on('click',function(){
+            $('.pop').show(200);
+        });
+        $('.close_btn').on('click',function(){
+            $('.pop').hide();
+        });
+        $('.pop').on('touchmove',function(e){
+            e.preventDefault();
+        });
+    });
+</script>
 </body>
 </html>

+ 23 - 0
mobile/templates/default/talk/school_certs.php

@@ -104,6 +104,16 @@
     </form>
 </div>
 
+<div class="pop">
+    <div class="example_pop">
+        <div class="prompt">
+            <p>确保信息区域拍摄清晰,推荐尺寸800*800</p>
+        </div>
+        <img src="<?php echo RESOURCE_SITE_URL;?>/mobile/talk/images/example_school.png" alt="">
+        <span class="close_btn"></span>
+    </div>
+</div>
+
 
 <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js?<?php echo bonus_version(); ?>"></script>
 <script src="<?php echo RESOURCE_SITE_URL; ?>/mobile/comm/utility.js?<?php echo bonus_version(); ?>"></script>
@@ -111,5 +121,18 @@
 <script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js?<?php echo bonus_version(); ?>"></script>
 <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/js/ajaxfileupload/ajaxfileupload.js?<?php echo bonus_version(); ?>"></script>
 <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/js/certs.js?<?php echo bonus_version(); ?>"></script>
+<script type="text/javascript">
+    $(function(){
+        $(".example").on('click',function(){
+            $('.pop').show(200);
+        });
+        $('.close_btn').on('click',function(){
+            $('.pop').hide();
+        });
+        $('.pop').on('touchmove',function(e){
+            e.preventDefault();
+        });
+    });
+</script>
 </body>
 </html>