冷钰 发表于 2022-5-16 21:03:44

UINO优锘科技《ThingJS从入门到精通》精品课上线

<style>
    html,
    body {
      box-sizing: border-box;
      font-family: sans-serif;
    }

    .buyModelDiv {
      top: calc(50% - 284px) !important;
      border-radius: 8px;
      background-color: transparent
    }

    .buyModelDiv iframe {
      border-radius: 8px
    }

    .production {
      width: auto;
      max-width: 816px;
      margin: auto;
      margin-top: 10px;
      position: relative;
      margin-bottom: 10px
    }

    .production ._bolder {
      font-weight: bolder;
      color: #222
    }

    .production ._red {
      color: red
    }

    .production ._blue {
      color: #19439c
    }

    .production ._grey {
      color: #494949
    }

    .production ._font1 {
      font-size: 16px
    }

    .production ._font2 {
      font-size: 19px
    }

    .production .title {
      width: 100%;
      height: auto;
      font-size: 100%;
      text-align: center;
      line-height: 50px;
      color: #333;
      font-weight: 700;
      background: 0 0;
      font-size: 26px;
      position: relative
    }

    .production .main {
      padding: 10px 0;
      font-size: 16px;
      color: #494949;
      text-align: justify;
      line-height: 1.7
    }

    .production .main p {
      position: relative
    }

    .production .main p._title1 {
      text-align: center;
      font-size: 15px
    }

    .production .main p._kong {
      height: 25px
    }
.production .main pimg {
width:100% !important;    height: auto !important;
    max-height: 100% !important;
    max-width: 100% !important;    max-height: max-content !important;;margin:0 !important;}
.production .main p._weixinimg {
    max-width: 150px !important;}
    .production .main p._center {
      text-align: center
    }

    .production .main div {
      position: relative
    }

    .production .main ._pay {
      cursor: pointer;
      padding: 8px 50px;
      border-radius: 25px;
      width: max-content;
      margin: auto;
      line-height: 38px;
      font-size: 20px;
      color: #fff;
      background: #FF9E00;
    }

    .production .main ._pay._paid {
      cursor: default;
      opacity: 0.8;
    }

    .production .main ._pay:hover {
      background: #f78000;
    }
@media only screen and (max-width: 816px) {
    .production {
      padding: 0 15px;
    }
   .production .title {
            line-height: 32px;
            height: auto;
            font-size: 26px;
      }

         .production .main {
            padding: 0;
            padding-top: 15px;
      }
.production .main ._pay {display:none}
}
</style>

<div class="production">
    <div class="title">UINO优锘科技《ThingJS从入门到精通》精品课上线</div>
    <div class="main">
      <p class="_title1" style="border-top:1px solid #ddd;padding-top:15px">01</p>
      <p class="_title1">ThingJS 开发课程的诞生</p>
      <p class="_kong"></p>
      <p><img style="max-width:100%;width:100%" src="https://www.thingjs.com/guide/image/production/image.png" alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线">
      </p>
      <p class="_kong"></p>
      <p><span class="_tip"></span>近日,优锘科技森学院与南京邮电大学联合打造的《数字孪生可视化》ThingJS实训开发课程一经推出,便在高校圈中形成了一股热潮,南京邮电大学和南京师范大学的学生率先报名加入此次实训,开发出艺术与科技感十足的数字孪生应用。
      </p>
      <p class="_kong"></p>
      <p><img style="max-width:100%;width:100%" src="https://www.thingjs.com/guide/image/production/list.png" alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线">
      </p>
      <p class="_kong"></p>
      <p>不少企业也纷纷联系小编要加入此次实训大军,为了让更多同行都有机会掌握<span class="_bolder">ThingJS开发技巧</span>,森学院联合一线资深开发骨干,经过 60
            个日日夜夜的钻研与探索,重磅推出<span class="_bolder">面向企业用户的《ThingJS从入门到精通》精品课程</span>。</p>
      <p class="_kong"></p>
      <p class="_blue _bolder _font1">如果你对 JavaScript 有基本了解,想开发酷炫的 Web 3D 数字孪生应用,那么该课程将是你的最佳选择。</p>
      <p class="_kong"></p>
      <p class="_kong"></p>
      <div>
            <p class="_title1">02</p>
            <p class="_title1">初识森学院 ThingJS 开发训练营</p>
      </div>
      <p class="_kong"></p>
      <p style="text-align: center;"><img alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线" src="data/attachment/portal/202205/12/100750ildrgvrdrbrjldky.png"></p>
      <p class="_kong"></p>
      <p>除此之外,森学院还将延续高校合作方式,采用“主讲+助教”的双师模式进行教学,<span class="_bolder _font1">一线开发大佬授课+金牌讲师 1V1
                辅导+社群互动学习+考试认证,</span>全程都有真人手把手指导,随时为你答疑解惑。</p>
      <p class="_kong"></p>
      <p>没有视频课的“前面听后面忘”,也没有文档“密密麻麻都是字的枯燥无聊”,学习采用学+练+考的形式,学完实操演练在线环境,<span class="_bolder _font1">五天即可精通 ThingJS
                开发技巧</span>。最终通过考核将颁发<span class="_bolder">工信部权威认证的“数字孪生系统开发工程师”职业技能证书。</span></p>
      <p><span class="_bolder"><br></span></p>
      <p><img style="max-width:100%;width:100%" src="https://www.thingjs.com/guide/image/production/zhengshu.png" alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线"></p>
      <p class="_kong"><br></p>
      <div>
            <p class="_center">看完优锘森学院 ThingJS 开发训练营介绍的同学</p>
            <p class="_center">是不是已经开始跃跃欲试??</p>
            <p class="_center">↓↓↓↓↓</p>
      </div>
      <p class="_kong"></p>
      <div>
            <p class="_center _bolder _red _font2">马上开启</p>
            <p class="_center _bolder _font2">ThingJS 开发进阶之路</p>
            <p><img style="max-width:100%;width:100%" src="https://www.thingjs.com/guide/image/production/yunying.jpg" alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线"></p>
            <p class="_center _bolder _red _font2">马上扫码咨询</p>
            <p class="_center _bolder _font1 _grey">助教老师 1 对 1 为你介绍更多课程内容详情</p>
            <p class="_center"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAUCAYAAAA9djs/AAABgklEQVRYheWXsUrDUBSGv3upNsQKIhQnqZCCm+3mI/RNujj5AE5OLrroYzg56VxwbV1tqSDUughaGxur9zoExUtMm0ShF3uWJCfhOz9/Dod7hNZaM8chZy1g1pGLfaOeYdhCB22QBYRbAaf8+4qWcX82YNBA9Q5ADb9SGsCtINf3QRayibSQKyIzYNRGdevxxfIecuMovVhLuZEZoO5PJhcMOuj+cSqNNnNNA0Zt8FtTi+rHCxj3Ewm0nWsYoP1m4trqdi8cPAnCZq7ZAWncDzqom93wL0wLi7lmB4w6yYGf0G4dBo2Jn9nMzXYQkkvGo3o4zYSxgRtvgP8an3PKyNIhuBUAxEotuRjLuLEnQfEyRruLMH6DhZyZA3CryFI1uUBLuUYHyLWdsF2+tYx4ClKLiRSxmGt2gFNGbp6F98VzeL8DcQ36EvIecJVNqcXc+GVotYYAKBJeAd3bzibUYu7cr8PpDFjeAkA43t+qmCE3ug1OC78JbvopbSs3vQH/LD4AHSMdy02mtN4AAAAASUVORK5CYII=" alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线" style="text-align: justify;width: 60px !important;position: relative;
          top: 2px;"></p>
            <p class="_center"><br></p>
      </div>
      <p style="text-align: center;" class="_weixin"><img alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线" src="data/attachment/portal/202205/12/100544uzm5717n7xs1shfn.jpg"></p>
      <p style="text-align: center;"><br></p>
      <div>
            <p class="_title1">03</p>
            <p class="_title1">除了课程,这次还有一个大家熟知的工具-ThingJS</p>
            <p>交付一个数字孪生可视化项目离不开一个稳定可靠的 3D 可视化开发平台。ThingJS 是优锘自主研发的面向企业和个人用户的<span class="_bolder">低代码开发平台</span>,以 HTML5
                和 WebGL 技术为基础,为数字孪生可视化应用提供了简单丰富的功能,降低了开发门槛,简化了交付流程,缩减开发周期和成本,<span class="_bolder _font1">提升项目交付效率,增大获利空间</span>。</p>
            <p><img style="max-width:100%;width:100%" src="https://www.thingjs.com/guide/image/production/liucheng.png" alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线"></p>
      </div>
      <p class="_kong"></p>
      <p>截止到目前,ThingJS 平台已经积累了 40 万+的用户,帮助用户交付 10 万+个项目。</p>
      <p class="_kong"><br></p>
      <div>
            <p class="_title1">04</p>
            <p class="_title1">低代码开发训练营导师团队与活动福利</p>
            <p class="_title1">一线开发工程师+资深课程开发团队</p>
            <p class="_title1">组成森学院强大的导师队伍</p>
            <p class="_title1"><br></p>
            <p style="text-align: center;"><img alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线" src="data/attachment/portal/202205/12/100622a1wjq494llq4q1wo.png"></p>
      </div>
      <p class="_kong"><br><br></p>
      <p>作为在数字孪生可视化行业的一线开发技术骨干,他们结合以往的的项目开发和交付经验,以及深入的行业研究成果,设计出这套<span class="_bolder _font1">符合行业开发人员学习特点的课程体系</span>。</p>
      <p class="_kong"></p>
      <p>课程萃取必学的开发知识和技能,选用优锘自主开发的 ThingJS 开发平台,<span class="_bolder _font1">把复杂的理论化繁为简,帮助你节省精力消耗,精准抵达学习目标</span>。</p>
      <p class="_kong"></p>
      <p class="_kong"></p>
      <p class="_center _grey" style="font-size:14px">5月28日前限时特价2999元!!!</p>
      <p class="_center _grey" style="font-size:14px">5月30日正式开班</p>
      <p class="_center _bolder _red _font2">马上扫码咨询</p>
      <p class="_center _bolder _font1 _grey">解锁购课专享福利</p>
      <p class="_center"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAUCAYAAAA9djs/AAABgklEQVRYheWXsUrDUBSGv3upNsQKIhQnqZCCm+3mI/RNujj5AE5OLrroYzg56VxwbV1tqSDUughaGxur9zoExUtMm0ShF3uWJCfhOz9/Dod7hNZaM8chZy1g1pGLfaOeYdhCB22QBYRbAaf8+4qWcX82YNBA9Q5ADb9SGsCtINf3QRayibSQKyIzYNRGdevxxfIecuMovVhLuZEZoO5PJhcMOuj+cSqNNnNNA0Zt8FtTi+rHCxj3Ewm0nWsYoP1m4trqdi8cPAnCZq7ZAWncDzqom93wL0wLi7lmB4w6yYGf0G4dBo2Jn9nMzXYQkkvGo3o4zYSxgRtvgP8an3PKyNIhuBUAxEotuRjLuLEnQfEyRruLMH6DhZyZA3CryFI1uUBLuUYHyLWdsF2+tYx4ClKLiRSxmGt2gFNGbp6F98VzeL8DcQ36EvIecJVNqcXc+GVotYYAKBJeAd3bzibUYu7cr8PpDFjeAkA43t+qmCE3ug1OC78JbvopbSs3vQH/LD4AHSMdy02mtN4AAAAASUVORK5CYII=" alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线" style="text-align: justify;width: 60px !important;position: relative;top: 2px;"></p>
      <p class="_center"><br></p>
      <p style="text-align: center;" class="_weixin"><img alt="UINO优锘科技《ThingJS从入门到精通》精品课上线" title="UINO优锘科技《ThingJS从入门到精通》精品课上线" src="data/attachment/portal/202205/12/100544uzm5717n7xs1shfn.jpg"></p>
    </div>
</div>
<script>var layer;
layui.use('layer',function(){ayer=layui.layer;});
    function getCookieLun(name, decode) {
      var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
      if (arr = document.cookie.match(reg)) {
            if (decode) {
                return decodeURIComponent(arr);
            } else {
                return (arr);
            }
      } else
            return null;
    }

    function checkUser() {
      var userId = getCookieLun("mmdId");
var loginBtn=document.querySelector('#login');
      if (!userId||loginBtn) {
            console.log(userId)
            // 请先登录
if(loginBtn) {
document.querySelector('#login').click();
return;
}
            lsSubmit();
      } else {
            if (document.querySelector('._pay').getAttribute('class').indexOf('paid') != -1) return;
            var url = 'http://www.thingjs.com/api/getUserForPaas/user_info?mmdid=' + userId;
            fetch(url).then(res => res.text())
                .then(data => {
                  try {
                        data = JSON.parse(data);
                  } catch (error) {};
                  if (data.state) {
                        if (!data.dt_state) {
                            var result = {
                              'title': '购买课程:ThingJS开发训练营',
                              'imgsrc': 'https://www.thingjs.com/static/payment/createPay/images/thingjs_dt.png',
                              'describe': '<span class="_title">课程包含:</span><br>1、技术专家在线直播授课,课程无限回放<br>2、开发案例实战,提供实战演练环境,解决项目开发难题<br>3、主讲+助教,双师伴学,全程督导<br>4、学+练+考,通过可获得工信部颁发权威证书<br>请在付款后及时与平台客服联系。谢谢! ',
                              'price': 2999,
                              'id': userId,
                              'type': "ThingJS_DT",
                              'paySource': window.location.href
                            }
                            layer.open({
                              type: 2,
                              title: false,
                              closeBtn: 0,
                              area: ['585px', '568px'],
                              content: [
                                    'https://www.thingjs.com/static/payment/createPay/payment.html?type=ThingJS_DT&userId=' +
                                    userId, 'no'
                              ],
                              skin: 'buyModelDiv',
                              success: function () {
                                    document.getElementsByClassName('buyModelDiv').querySelector(
                                          '.layui-layer-content')
                                        .children.contentWindow.postMessage(result, '*');
                              }
                            });
                            createListener();
                        } else {
                            layer.msg("您已成功报名");
                            document.querySelector('._pay').innerHTML = '已报名';
                            document.querySelector('._pay').setAttribute('class', '_pay _paid');
                        }
                  }
                })
      }
    }
    // 弹窗关闭事件
    function createListener() {
      function myFunc(event) {
            if (event.data == 'closeWin') {
                layer.closeAll();
            }
            if (event.data == 'close') {
                layer.closeAll();
            }if (event.data.auth == '购买成功') {
                document.querySelector('._pay').innerHTML = '已报名';
                document.querySelector('._pay').setAttribute('class', '_pay _paid');
            }
      }
      window.addEventListener('message', myFunc, true)
    }
initUser();
    function initUser() {
var userId = getCookieLun("mmdId");
if(!userId) return;
      var url = 'http://www.thingjs.com/api/getUserForPaas/user_info?mmdid=' + userId;
      fetch(url).then(res => res.text())
            .then(data => {
                try {
                  data = JSON.parse(data);
                } catch (error) {};
                if (data.state&&data.dt_state) {
                  document.querySelector('._pay').innerHTML = '已报名';
                  document.querySelector('._pay').setAttribute('class', '_pay _paid');
                }
            })
    }
</script>
页: [1]
查看完整版本: UINO优锘科技《ThingJS从入门到精通》精品课上线