github.com/v2pro/plz@v0.0.0-20221028024117-e5f9aec5b631/witch/webroot/index.html (about)

     1  <!DOCTYPE html>
     2  <html>
     3  <head>
     4      <meta charset="UTF-8">
     5      <!-- 引入样式 -->
     6      <link rel="stylesheet" href="http://cdn.jsdeliver.net/npm/element-ui/lib/theme-chalk/index.css">
     7      <style>
     8          body {
     9              font-family: Helvetica
    10          }
    11  
    12          .icon {
    13              width: 1em;
    14              height: 1em;
    15              vertical-align: -0.15em;
    16              fill: currentColor;
    17              overflow: hidden;
    18          }
    19  
    20          .main {
    21              margin-left: 130px;
    22          }
    23          .el-tag + .el-tag {
    24              margin-left: 10px;
    25          }
    26          .el-tag {
    27              line-height: 30px;
    28          }
    29          .button-new-tag {
    30              margin-left: 10px;
    31              height: 32px;
    32              line-height: 30px;
    33              padding-top: 0;
    34              padding-bottom: 0;
    35          }
    36          .input-new-tag {
    37              width: 90px;
    38              line-height: 30px;
    39              margin-left: 10px;
    40              vertical-align: bottom;
    41          }
    42      </style>
    43  </head>
    44  <body>
    45  <div id="app">
    46      <ide ref="ide"></ide>
    47  </div>
    48  </body>
    49  <!-- 先引入 Vue -->
    50  <script src="http://cdn.jsdeliver.net/npm/vue/dist/vue.js"></script>
    51  <!-- 引入组件库 -->
    52  <script src="http://cdn.jsdeliver.net/npm/element-ui/lib/index.js"></script>
    53  <script src="http://cdn.jsdeliver.net/npm/vue-grid-layout/dist/vue-grid-layout.min.js"></script>
    54  <script src="http://cdn.jsdeliver.net/npm/vue-scrollto/vue-scrollto.js"></script>
    55  <script src="http://cdn.jsdeliver.net/npm/axios/dist/axios.min.js"></script>
    56  <!--http://www.iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=31-->
    57  <script src="//at.alicdn.com/t/font_479843_4u2fdrx8szsyk3xr.js"></script>
    58  {{ COMPONENTS }}
    59  <script>
    60      Vue.use(VueScrollTo);
    61      Vue.component('grid-layout', VueGridLayout.GridLayout);
    62      Vue.component('grid-item', VueGridLayout.GridItem);
    63      var $vue = new Vue({
    64          el: '#app',
    65          data: function() {
    66              return { visible: false }
    67          },
    68          mounted: function() {
    69              if (!window.isDebug) {
    70                  return
    71              }
    72              var ide = this.$refs.ide;
    73              ide.switchView('state');
    74              window.setTimeout(function() {
    75                  ide.$refs.stateViewer.$refs.snapshots.pollCurrentState();
    76              }, 100)
    77          }
    78      });
    79      axios.interceptors.response.use(function (response) {
    80          return response;
    81      }, function (error) {
    82          $vue.$notify.error({
    83              position: 'bottom-right',
    84              title: error.message,
    85              message: error.response
    86          });
    87          return error;
    88      });
    89  
    90  </script>
    91  </html>