|
|
@@ -1,6 +1,313 @@
|
|
|
<template>
|
|
|
- <div class="hello">
|
|
|
- <h1>{{ msg }}123</h1>
|
|
|
+ <div class="x-container">
|
|
|
+ <div class="container">
|
|
|
+ <div class="x-content-wrap clearfix" style="margin: 0 -15px">
|
|
|
+ <div class="x-content">
|
|
|
+ <!-- tab切换 start-->
|
|
|
+ <ul class="nav nav-tabs x-nav-tabs x-navbar-right hidden-xs">
|
|
|
+ <li><a data-type="INNER">内部</a></li>
|
|
|
+ <li><a data-type="INNER">外部</a></li>
|
|
|
+ <li class="active"><a data-type="">全部</a></li>
|
|
|
+
|
|
|
+ <h2 class="hidden-xs">
|
|
|
+ <i class="fa fa-file-text-o"></i> 应用
|
|
|
+ </h2>
|
|
|
+ </ul>
|
|
|
+ <!-- tab切换 end-->
|
|
|
+ <!-- 列表 start -->
|
|
|
+ <div class="x-mod x-list x-list-2x x-chunk-list-wrap">
|
|
|
+ <div class="x-mod-body">
|
|
|
+ <!-- tab start -->
|
|
|
+ <div id="app_list" class="x-chunk-list">
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="b2b">优软平台</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>b2b</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="cities">智慧产城</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>cities</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="city">产城管理</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>city</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="diymall">定制商城</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>diymall</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="donate">一元捐</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>donate</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="finance">金融服务</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>finance</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="help">客服中心</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>help</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="home">优软首页</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>home</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="im">UU互联</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>im</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="mall">优软商城</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>mall</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="member">会员中心</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>member</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="pan">优软云盘</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>pan</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="public">公共服务</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>public</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="saas">优企云服</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>saas</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="sso">账户中心</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>sso</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="uas">优软UAS</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>uas</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>110</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="uuzc">优软众创</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>uuzc</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <i class="fa fa-file-o"></i>
|
|
|
+ </div>
|
|
|
+ <p class="x-title">
|
|
|
+ <a class="x-text x-editor-trigger" href="javascript:;" data-id="warehouse">物流仓储</a>
|
|
|
+ </p>
|
|
|
+ <div class="text-muted">
|
|
|
+ <span class="x-text"> <i class="fa fa-fw fa-check-square-o"></i>warehouse</span>
|
|
|
+ </div>
|
|
|
+ <div class="x-text-muted">
|
|
|
+ 绑定企业<b>0</b>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <!-- tab end -->
|
|
|
+ <!-- empty tag -->
|
|
|
+
|
|
|
+ <!-- new app -->
|
|
|
+
|
|
|
+ <div class="x-item">
|
|
|
+ <div class="x-icon">
|
|
|
+ <a class="x-editor-trigger" href="javascript:;" title="添加应用"><i class="fa fa-plus"></i></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 列表 end -->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -17,18 +324,5 @@ export default {
|
|
|
|
|
|
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
|
<style scoped>
|
|
|
-h1, h2 {
|
|
|
- font-weight: normal;
|
|
|
-}
|
|
|
-ul {
|
|
|
- list-style-type: none;
|
|
|
- padding: 0;
|
|
|
-}
|
|
|
-li {
|
|
|
- display: inline-block;
|
|
|
- margin: 0 10px;
|
|
|
-}
|
|
|
-a {
|
|
|
- color: #42b983;
|
|
|
-}
|
|
|
+
|
|
|
</style>
|