教练证书

2b755894 · 颜景龙 · ae22e648 · 2b755894 · 2b755894 · 2b755894
Commit 2b755894 authored Nov 28, 2017 by 颜景龙
certificate/1.jpg
certificate/2.jpg
certificate/3.jpg
certificate/certificate.html
--- a/certificate/1.jpg
+++ b/certificate/1.jpg
--- a/certificate/2.jpg
+++ b/certificate/2.jpg
--- a/certificate/3.jpg
+++ b/certificate/3.jpg
--- a/certificate/certificate.html
+++ b/certificate/certificate.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=">
+	<meta http-equiv="x-dns-prefetch-control" content="on">
+	<meta name="renderer" content="webkit">
+	<meta name="viewport" content="width=device-width, initial-scale=.0, maximum-scale=.0, user-scalable=no">
+	<meta name="format-detection" content="telephone = no"/>
+	<title>教练证书</title>
+	<style>
+
+		html {
+			font-size: 16px;
+		}
+
+		html,
+		body {
+			margin: 0;
+			padding: 0;
+			background: #FFF;
+			font-family: -apple-system-font, "Helvetica Neue", sans-serif;
+			width: 23.4375rem;
+		}
+
+		* {
+			margin: 0;
+			padding: 0;
+			box-sizing: border-box;
+		}
+
+		*::before,
+		*::after {
+			box-sizing: border-box;
+		}
+
+		.image-list {
+			width: 23.4375rem;
+		}
+
+		.image-list > img {
+      display: block;
+      width: 18rem;
+      border: 0;
+      outline: 0;
+      margin: auto;
+      margin-top: 3rem;
+      margin-bottom: 3rem;
+		}
+	</style>
+</head>
+<body>
+  <div class="image-list">
+      <!-- <img src="./1.jpg" />
+      <img src="./2.jpg" />
+      <img src="./3.jpg" /> -->
+  </div>
+  <script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
+  <script type="text/javascript">
+      var HTTP_URL = 'http://192.168.31.182:8080/wedo-fit';
+
+      function getUrlParam(name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
+        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
+        if (r != null) return unescape(r[2]); return null; //返回参数值
+      }
+
+      $(document).ready(function() {
+
+          $(window).ready(function(){
+              $('html').css({'font-size':$(window).width()/375*16});
+          });
+          $(window).resize(function(){
+              $('html').css({'font-size':$(window).width()/375*16});
+          });
+
+          var id = getUrlParam('id');
+          var type =getUrlParam('type');
+
+          if (id) {
+            $.ajax({
+              type: 'POST',
+              url: HTTP_URL+"/wedofit/fitnessTrainer/getImgageHTM5",
+              data: JSON.stringify({
+                fitnessTrainerId: id,
+                type: type
+              }),
+              contentType: 'application/json',
+              dataType: 'json',
+              success: function(result){
+                if (result.code == 0) {
+                  var list = result.data;
+                  for (var i=0; i<list.length; i++) {
+                    var img = $(`<img src="${HTTP_URL}${list[i]}" />`);
+                    img.appendTo('.image-list');
+                  }
+                }
+              },
+              error: function(xhr, type){
+                alert('Ajax error!')
+              }
+            });
+          }
+      })
+  </script>
+</body>
+</html>
\ No newline at end of file