fix bug

ykxie
1 parent ea4f9efb
Showing 20 changed files with 291 additions and 71 deletions
gulp/config.js
gulp/tasks/concat.js
gulp/tasks/copy.js
gulp/tasks/deploy.js
package.json
src/css/ide.css
src/css/main.css
src/gxb-ide/CodingEditer.js
src/gxb-ide/Dir.js
src/gxb-ide/Iterm.js
src/gxb-ide/ToolBox.js
src/gxb-ide/img/new-recording.svg
src/gxb-ide/toolBox.css
src/img/ideicon/new-recording.svg
src/js/c.js
src/js/main.js
src/js/player.js
src/scss/main.scss
src/v1.1/index.html
src/v1.1/player.html
@@ -2,6 +2,10 @@ var src = &#39;./src&#39;;
 var dest = './dist';
 module.exports = {
+    path: {
+        src: src + "/**/*",
+        dest: dest
+    },
     srcSass: {
         all: src + "/scss/**/*.scss",
         src: src + "/scss/*.scss",
@@ -42,5 +46,9 @@ module.exports = {
     img: {
         src: src + "/img/**/*",
         dest: dest + "/img"
+    },
+    concat: {
+        src: src + "/gxb-ide/",
+        dest: dest + "/gxb-ide"
     }
 }
 \ No newline at end of file
+// 合并JS文件
+var gulp = require('gulp');
+var config = require('../config').concat;
+var handleErrors = require('../util/handleErrors');
+
+var sass = require('gulp-sass');
+var config = require('../config').srcSass;
+
+gulp.task('concat', function() {
+  gulp.src(['./src/gxb-ide/Dir.js', './src/gxb-ide/CodingEditer.js'])
+    .pipe(concat('main.js'))
+    // .on('error', handleErrors)     //交给notify处理错误
+    // .pipe(gulp.dest(config.dest))
+});
+
+// gulp.task('concat', function(){
+//     return gulp.src(config.src)
+//         .pipe(sass())
+//         .on('error', handleErrors)     //交给notify处理错误
+//         .pipe(gulp.dest(config.dest))
+// });
 \ No newline at end of file
+var gulp = require('gulp');
+var config = require('../config').path;
+
+gulp.task('copyfile', function(){
+    return gulp.src(config.src)
+        .pipe(gulp.dest(config.dest))
+})
 \ No newline at end of file
 var gulp = require('gulp');
-gulp.task('deploy', ['srcSass', 'html', 'css', 'img', 'uglifyJS', 'copy'])
 \ No newline at end of file
+gulp.task('deploy', ['srcSass', 'html', 'css', 'img', 'copy', 'concat'])
 \ No newline at end of file
@@ -25,5 +25,8 @@
     "gulp-watch": "^4.3.10",
     "pump": "^1.0.1",
     "require-dir": "^0.3.1"
+  },
+  "dependencies": {
+    "gulp-concat": "^2.6.1"
   }
 }
@@ -106,7 +106,7 @@ html, body {
   position: absolute;
   box-sizing: border-box;
   padding-top: 36px;
-  padding-bottom: 300px; }
+  padding-bottom: 260px; }
   .record-wrap #ideDir {
     width: 170px;
     height: 100%;
@@ -137,7 +137,7 @@ html, body {
   .record-toolbox .console-wrap {
     width: 100%;
     background-color: #FFF;
-    height: 240px;
+    height: 200px;
     border-top: 1px solid #999d9e; }
     .record-toolbox .console-wrap #toolbar {
       width: 100%;
@@ -176,8 +176,8 @@ html, body {
     margin: 0 16px;
     color: #fff; }
   .record-toolbox #resultoutput {
-    height: 204px;
-    overflow: auto; }
+    height: 164px;
+    overflow-y: scroll; }
   .record-toolbox #CompileBtn {
     background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
     background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
@@ -320,3 +320,13 @@ html, body {
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.4);
   z-index: 999; }
+
+.play-code {
+  background: transparent;
+  border: none;
+  width: 40px;
+  height: 40px;
+  margin-left: 48px; }
+
+.play-code img {
+  width: 100%; }
@@ -28,7 +28,7 @@ html, body {
   position: absolute;
   box-sizing: border-box;
   padding-top: 36px;
-  padding-bottom: 300px; }
+  padding-bottom: 260px; }
   .record-wrap #ideDir {
     width: 170px;
     height: 100%;
@@ -59,7 +59,7 @@ html, body {
   .record-toolbox .console-wrap {
     width: 100%;
     background-color: #FFF;
-    height: 240px;
+    height: 200px;
     border-top: 1px solid #999d9e; }
     .record-toolbox .console-wrap #toolbar {
       width: 100%;
@@ -98,8 +98,8 @@ html, body {
     margin: 0 16px;
     color: #fff; }
   .record-toolbox #resultoutput {
-    height: 204px;
-    overflow: auto; }
+    height: 164px;
+    overflow-y: scroll; }
   .record-toolbox #CompileBtn {
     background-image: -webkit-linear-gradient(left, #1FB6FF 0%, #62DCF5 100%);
     background-image: linear-gradient(to right, #1FB6FF 0%, #62DCF5 100%);
@@ -242,3 +242,13 @@ html, body {
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.4);
   z-index: 999; }
+
+.play-code {
+  background: transparent;
+  border: none;
+  width: 40px;
+  height: 40px;
+  margin-left: 48px; }
+
+.play-code img {
+  width: 100%; }
@@ -53,7 +53,8 @@
         },
         initCodeMirror: function(langid){
             var treeLinkEditor = Dir.treeLinkEditor;
-            initProgramPage(treeLinkEditor);
+            var langid = getQuery('languageid');
+            initProgramPage(treeLinkEditor, langid);
         },
         /**
          * 获取各个文件中的代码
@@ -281,16 +282,17 @@
     }
-
     // 初始化编程页面
     function initProgramPage(treeLinkEditor, langid){
+        // alert(getMode(langid))
+        var modeName = getMode(langid) || 'text/x-java';
         // 生成 CodeMirror
         for (var i = 0; i < treeLinkEditor.length; i++) {
             // 判断是否是播放页面，如果是则不显示录制区相关dom
             if(!isReplayPage){
                 treeLinkEditor[i].CodeMirrorRecord = CodeMirror.fromTextArea($('#' + treeLinkEditor[i].record)[0], {
                     value: '',
-                    mode: "",
+                    mode: modeName,
                     lineNumbers: true,
                     smartIndent: false,
                     onChange: function(em, changeobj) {
@@ -315,7 +317,7 @@
             treeLinkEditor[i].CodeMirrorReplay = CodeMirror.fromTextArea($('#' + treeLinkEditor[i].replay)[0], {
                 value: '',
-                mode: "text/x-java",
+                mode: modeName,
                 lineNumbers: true,
                 smartIndent: false,
                 onChange: function(em, changeobj) {
@@ -332,6 +334,45 @@
         Dir.showEdite();
     }
+    function getMode(langid){
+        var langid = parseInt(langid);
+        var mode = null;
+        switch (langid) {
+            case 4:
+                mode = "text/x-python";
+                break;
+            case 10:
+                mode = "text/x-java";
+                break;
+            case 11:
+                mode = "text/x-csrc";
+                break;
+            case 29:
+                mode = "application/x-httpd-php";
+                break;
+            case 35:
+                mode = "text/javascript";
+                break;
+            case 40:
+                mode = "text/x-sql";
+                break;
+            case 43:
+                mode = "text/x-objectivec";
+                break;
+            case 82:
+                mode = "text/x-c++src";
+                break;
+            
+            case 117:
+                mode = "text/x-rsrc";
+                break;
+            default:
+                break;
+        }
+
+        return mode;
+    }
+
     /**
      * 组合录入代码 
      * by Kira 2017-3-9
@@ -339,17 +380,16 @@
     function buildRecords(editor, changeobj){
         var intervaltime,
             currenttime = new Date().getTime();
-
+        var _role = getQuery('role');
         // 根据不同的身份设置录制代码的时间间隔，当学生端输入的时候，重置间隔为100毫秒
-        // if (_role == 0 && CodingEditer.record_startime) {
-        //     intervaltime = currenttime - CodingEditer.record_startime;
-        // }else if (_role == 1){
-        //     intervaltime = 100;
-        // }else{
-        //     intervaltime = 0;
-        // }
-
-        intervaltime = currenttime - CodingEditer.record_startime;
+        if (_role == 0) {
+            intervaltime = currenttime - CodingEditer.record_startime;
+        }else if (_role == 1){
+            intervaltime = 100;
+        }else{
+            intervaltime = 0;
+        }
+        // intervaltime = currenttime - CodingEditer.record_startime;
         var recordobj = {
             intervaltime: intervaltime,
@@ -60,6 +60,7 @@
             console.log('=======================');
             console.log('isPlayPage ----- ' + isPlayPage);
             console.log('role ----- ' + role);
+            var role = getQuery('role');
             if (isPlayPage == 0) {
                 $.ajax({
@@ -586,10 +587,11 @@
             dataType: "json",
             contentType: "application/json",
             success: function(res) {
+                console.log('0000--------------------')
                 console.log(res)
                 setTitle(res.languageid);
-                var coderecords = res.codeRecordList
+                var coderecords = res.codeRecordList || res.studentRecordList;
                 var audioUrl = res.audioUrl;
                 var treeArr = res.programmingFileList;
@@ -600,6 +602,7 @@
                 CodingEditer.initCodeMirror(treeLinkEditor);
                 initTrigger(coderecords)
+
                 AudioPlayer(audioUrl)
             },
             error: function(error) {
@@ -621,27 +624,34 @@
     // 初始化播放音频控制条
     function AudioPlayer(audioUrl){
-        var player = $.AudioPlayer;
-        player.init({
-            container: '#audioWrap',
-            source: "https://gxb-file.oss-cn-beijing.aliyuncs.com" + audioUrl,
-            imagePath: '../js/audioPlayer/image',
-            debuggers: false,
-            allowSeek: false,
-            playCallback: function() { // 播放
-                console.log('++++++++');
-                CodingEditer.playCoding();
-            },
-            pauseCallback: function() { // 暂停
-                CodingEditer.audioTime = parseInt(player.elements.audioDom.currentTime*1000);
-                CodingEditer.pauseCode();
-            },
-            seekedCallback: function() { // 拖拽
-            }, 
-            endedCallback: function() { // 结束播放
-                playEnd()
-            }
-        });
+        var role = getQuery('role');
+        if (role == 0) {
+            var player = $.AudioPlayer;
+            player.init({
+                container: '#audioWrap',
+                source: "https://gxb-file.oss-cn-beijing.aliyuncs.com" + audioUrl,
+                imagePath: '../js/audioPlayer/image',
+                debuggers: false,
+                allowSeek: false,
+                playCallback: function() { // 播放
+                    console.log('++++++++');
+                    CodingEditer.playCoding();
+                },
+                pauseCallback: function() { // 暂停
+                    CodingEditer.audioTime = parseInt(player.elements.audioDom.currentTime*1000);
+                    CodingEditer.pauseCode();
+                },
+                seekedCallback: function() { // 拖拽
+                }, 
+                endedCallback: function() { // 结束播放
+                    playEnd()
+                }
+            });
+        }else if(role == 1){
+            $('.play-code').show();
+            
+        }
+        
     }
     // 设置 title
@@ -32,13 +32,16 @@
             var el = document.querySelector('#CompileBtn');
             var userId = _this.options.userId;
             var languageId = _this.options.languageId;
+            var role = getQuery('role');
             // 判断是否录制走不同的逻辑
             if (!CodingEditer.isRcording) {
                 compileMode(el, userId, languageId)
             }else{
                 if (_this.compileStatus) {
                     Hourglass.pauseTimer();     // 暂停计时器
-                    recorder.pause();           // 音频暂停
+                    if (role == 0) {
+                       recorder.pause();        // 音频暂停 
+                    }
                     $('.compile-loading').show();
                     $('.pause-shodow').show()
@@ -53,8 +56,8 @@
                 }
                 compileMode(el, userId, languageId)
+                $('.contrl-shodow').show();
             }
-            $('.contrl-shodow').show();
         },
         compileResult: function(data, value){
             if (!data) {
@@ -112,8 +115,11 @@
         $('.contrl-shodow').hide();
         Hourglass.pauseTimer();
-        recorder.pause();
+        var role = getQuery('role');
+        if (role == 0) {
+            recorder.pause();
+        }
         CodingEditer.record_startime = new Date().getTime();
     } 
@@ -49,7 +49,7 @@
             var toolBox = this.options.el;
             $(toolBox).html(template)
-            $('#start-recording img').attr('src', '../img/ideicon/record.svg');
+            $('#start-recording img').attr('src', '../img/ideicon/new-recording.svg');
             $('#stop-recording img').attr('src', '../img/ideicon/stop.svg');
             $('#re-recoding img').attr('src', '../img/ideicon/re-record.svg');
             $('#audio-play img').attr('src', '../img/ideicon/play.svg');
@@ -70,6 +70,7 @@
             $('#cancel').on('click', function(){ _this.cancel(); })
             $('#re-sure').on('click', function(){ _this.reSure(); })
             $('#re-cancel').on('click', function(){ _this.reCancel(); })
+            $('.play-code').on('click', function(){ _this.playerPage(); })
         },
         startRecording: function(callback){
             console.log(this.options.userId);
@@ -89,7 +90,7 @@
                 _this.options.startCallback();
             }
             CodingEditer.isRcording = true;
-            recordAudio()
+
         },
         stopRecording: function(){
             console.log('停止录制');
@@ -179,8 +180,15 @@
         },
         uploadAudio: function(){
             console.log('uploadAudio');
+            var _this = this;
             $('.upload-tip').show();
-            recorder.upload();
+
+            var role = getQuery('role');
+            if (role == 0) {
+                recorder.upload();
+            }else{
+                _this.saveCode();
+            }
         },
         saveCode: function(){
             var _this = this;
@@ -262,10 +270,19 @@
                     console.log(CodingEditer.records)
                     alert('代码保存失败重新保存')
                 }
+
             });
         },
+        playerPage: function(){
+            CodingEditer.playCoding();
+            CodingEditer.editable(0)
+        },
         cancel: function(){
             console.log('cancel');
+            $(window).unbind('beforeunload', function() {
+                return '确认退出？ 将不保存你的代码';
+            });
+            window.close();
         },
         /*
          * 修改代码状态
@@ -285,14 +302,6 @@
         }
     };
-    function recordAudio(){
-        // HZRecorder.get(function(rec) {
-        //     console.log(rec);
-        //     recorder = rec;
-        //     recorder.start();
-        //     CodingEditer.initRecodesValue()
-        // });
-    }
     // 编译结果
     function compileResult(data, value) {
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="56px" height="56px" viewBox="0 0 56 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
+    <title>开始录制</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M24,48 C37.254834,48 48,37.254834 48,24 C48,10.745166 37.254834,0 24,0 C10.745166,0 0,10.745166 0,24 C0,37.254834 10.745166,48 24,48 Z M24,44 C35.045695,44 44,35.045695 44,24 C44,12.954305 35.045695,4 24,4 C12.954305,4 4,12.954305 4,24 C4,35.045695 12.954305,44 24,44 Z" id="path-1"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <rect id="path-3" x="8" y="8" width="32" height="32" rx="16"></rect>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="03-班次-录制编程界面-其他语言-copy" transform="translate(-132.000000, -1005.000000)">
+            <g id="状态1-未开始录制" transform="translate(0.000000, 966.000000)">
+                <g id="开始录制" transform="translate(136.000000, 42.000000)">
+                    <g id="Combined-Shape">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+                    </g>
+                    <g id="Rectangle-8">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                        <use fill="#FF6668" fill-rule="evenodd" xlink:href="#path-3"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
 \ No newline at end of file
@@ -74,5 +74,6 @@
     background: -webkit-linear-gradient(left, #1FB6FF, #62DDF5);
     background: -moz-linear-gradient(left, #1FB6FF, #62DDF5);
 }
-    
-    
 \ No newline at end of file
+.start-recording img{
+    width: 50px !important;
+}
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="56px" height="56px" viewBox="0 0 56 56" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 41 (35326) - http://www.bohemiancoding.com/sketch -->
+    <title>开始录制</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M24,48 C37.254834,48 48,37.254834 48,24 C48,10.745166 37.254834,0 24,0 C10.745166,0 0,10.745166 0,24 C0,37.254834 10.745166,48 24,48 Z M24,44 C35.045695,44 44,35.045695 44,24 C44,12.954305 35.045695,4 24,4 C12.954305,4 4,12.954305 4,24 C4,35.045695 12.954305,44 24,44 Z" id="path-1"></path>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-2">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <rect id="path-3" x="8" y="8" width="32" height="32" rx="16"></rect>
+        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="03-班次-录制编程界面-其他语言-copy" transform="translate(-132.000000, -1005.000000)">
+            <g id="状态1-未开始录制" transform="translate(0.000000, 966.000000)">
+                <g id="开始录制" transform="translate(136.000000, 42.000000)">
+                    <g id="Combined-Shape">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+                    </g>
+                    <g id="Rectangle-8">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                        <use fill="#FF6668" fill-rule="evenodd" xlink:href="#path-3"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
 \ No newline at end of file
@@ -91,6 +91,12 @@ $(function(){
         console.log(CodingEditer.records);
     })
+    // $.getScript('../js/main.js',  function(){alert('../js/gbdebug/mode/xml/xml.js');});
+    // $.getScript('../js/gbdebug/mode/xml/xml.js')
+    // $.getScript('../js/gbdebug/mode/javascript/javascript.js')
+    // $.getScript('../js/gbdebug/mode/css/css.js')
+    // $.getScript('../js/gbdebug/mode/htmlmixed/htmlmixed.js')
+
     function recordReady(){
         var seconds = 0;
@@ -26,6 +26,10 @@ $(function(){
     CodingEditer.isRecordPage = 0;
-
+    $('.play-code').on('click', function(){ 
+        console.log('=================')
+        CodingEditer.playCoding();
+        CodingEditer.editable(0)
+    })
 })
 \ No newline at end of file
@@ -33,7 +33,7 @@ html, body{
     position: absolute;
     box-sizing: border-box;
     padding-top: 36px;
-    padding-bottom: 300px;
+    padding-bottom: 260px;
     #ideDir{
         width: 170px;
@@ -80,7 +80,7 @@ html, body{
     .console-wrap{
         width: 100%;
         background-color: #FFF;
-        height: 240px;
+        height: 200px;
         border-top: 1px solid #999d9e;
         #toolbar{
@@ -132,8 +132,8 @@ html, body{
     }
     #resultoutput{
-        height: 204px;
-        overflow: auto;
+        height: 164px;
+        overflow-y: scroll;
     }
     #CompileBtn{
@@ -317,7 +317,16 @@ html, body{
     z-index: 999;
 }
-
+.play-code{
+    background: transparent;
+    border: none;
+    width: 40px;
+    height: 40px;
+    margin-left: 48px;
+}
+.play-code img{
+    width: 100%;
+}
@@ -10,6 +10,9 @@
     <link href="../common/fonts/iconfont.css" rel="stylesheet">
     <link href="../css/codemirror.css" rel="stylesheet">
+    <link href="../css/cm-theme/gbtags.css" rel="stylesheet">
+    <link href="../css/cm-theme/eclipse.css" rel="stylesheet">
+    <link href="../css/cm-theme/gbtags-dark.css" rel="stylesheet">
     <link rel="stylesheet" href="../gxb-ide/toolBox.css">
     <link rel="stylesheet" href="../css/ide.css">
@@ -185,9 +188,9 @@
 <script src="../js/gbdebug/mode/javascript/javascript.js"></script>
 <script src="../js/gbdebug/mode/css/css.js"></script>
 <script src="../js/gbdebug/mode/htmlmixed/htmlmixed.js"></script>
-<!-- <script src="../js/gbdebug/mode/clike/clike.js"></script> -->
-<!-- <script src="../js/gbdebug/mode/php/php.js"></script> -->
-<!-- <script src="../js/gbdebug/mode/python/python.js"></script> -->
+<script src="../js/gbdebug/mode/clike/clike.js"></script>
+<script src="../js/gbdebug/mode/php/php.js"></script>
+<script src="../js/gbdebug/mode/python/python.js"></script>
 </body>
 </html>
 \ No newline at end of file
@@ -129,7 +129,8 @@
             <div id="playFooter">
                 <div class="" id="audioWrap">
                     <button class="play-code" style="display: none;">
-                        <i class="icon iconfont icon-play"></i>
+                        <img src="../img/ideicon/play.svg" alt="">
+                        <!-- <i class="icon iconfont icon-play"></i> -->
                     </button>
                 </div>
             </div>