专家模块

templates/backstageNet/limit/expert.html

@@ -10,6 +10,9 @@
     <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
     <link rel="stylesheet" href="{% static '/lib/css/reset.css' %}">
     <style>
+        body{
+            background-color: #f5f5f5;
+        }
         .breadcrumbs {
             padding: 12px 0 12px 30px;
             border-bottom: 1px solid #dbdbdb;
@@ -30,7 +33,75 @@
             box-shadow: 0px 3px 5px 0px #ececec;*/
             background: #fff; 
         }
-
+        /* 专家模块 */
+        .expertGather{
+            display: flex;
+            flex-wrap: wrap;
+        }
+        .expertGatherItem{
+            width: 31%;
+            margin: 1%;
+            box-sizing: border-box;
+            background: #fff;
+            border-radius: 5px;
+            position: relative;
+            padding: 40px 20px 40px 45px;
+        }
+        .expertGatherItem>img{
+            position: absolute;
+            top: -7px;
+            left: -8px;
+        }
+        .expertInner{
+            display: flex;
+        }
+        .expertImg{
+            width: 135px;
+            height: 135px;
+            border: 1px solid #d3d3d3;
+        }
+        .expertImg>img{
+            width: 100%;
+            height: 100%;
+        }
+        .expertTxt{
+            flex: 1;
+            margin-left: 25px;
+        }
+        .expertTxt h1{
+            font-size: 16px;
+            font-weight: 700;
+            display: inline-block;
+            border-bottom: 2px solid #f7304d;
+            line-height: 25px;
+        }
+        .expertTxt p{
+            font-size: 14px;
+            line-height: 35px;
+        }
+        .expertTxt .desc{
+            font-size: 12px;
+            line-height: 26px;
+            text-overflow: -o-ellipsis-lastline;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            line-clamp: 2;
+            -webkit-box-orient: vertical;
+            margin-bottom: 10px;
+            color:#585858;
+        }
+        .expertTxt .ctrlBtn{
+            text-align: right;
+        }
+        .expertTxt .ctrlBtn a{
+            background: #3f9df4;
+            color: #fff;
+            padding: 4px 9px;
+            border-radius: 5px;
+            font-size: 12px;
+        }
     </style>
 </head>
 
@@ -49,8 +120,112 @@
         </div>
 
         <!-- 内容 -->
+        <div class="expertGather">
+            <div class="expertGatherItem">
+                <img src="{% static '/imgs/cornerIcon.png' %}" alt="">
+                <div class="expertInner">
+                    <div class="expertImg">
+                        <img src="{% static '/imgs/Customer.png'%}" alt="">
+                    </div>
+                    <div class="expertTxt">
+                        <h1>吴玉金教授</h1>
+                        <p>简介：</p>
+                        <div class="desc">吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授</div>
+                        <div class="ctrlBtn">
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">视频电话</a>  
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">发信息</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="expertGatherItem">
+                <img src="{% static '/imgs/cornerIcon.png' %}" alt="">
+                <div class="expertInner">
+                    <div class="expertImg">
+                        <img src="{% static '/imgs/Customer.png'%}" alt="">
+                    </div>
+                    <div class="expertTxt">
+                        <h1>吴玉金教授</h1>
+                        <p>简介：</p>
+                        <div class="desc">吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授</div>
+                        <div class="ctrlBtn">
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">视频电话</a>  
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">发信息</a>  
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="expertGatherItem">
+                <img src="{% static '/imgs/cornerIcon.png' %}" alt="">
+                <div class="expertInner">
+                    <div class="expertImg">
+                        <img src="{% static '/imgs/Customer.png'%}" alt="">
+                    </div>
+                    <div class="expertTxt">
+                        <h1>吴玉金教授</h1>
+                        <p>简介：</p>
+                        <div class="desc">吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授</div>
+                        <div class="ctrlBtn">
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">视频电话</a>  
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">发信息</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="expertGatherItem">
+                <img src="{% static '/imgs/cornerIcon.png' %}" alt="">
+                <div class="expertInner">
+                    <div class="expertImg">
+                        <img src="{% static '/imgs/Customer.png'%}" alt="">
+                    </div>
+                    <div class="expertTxt">
+                        <h1>吴玉金教授</h1>
+                        <p>简介：</p>
+                        <div class="desc">吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授</div>
+                        <div class="ctrlBtn">
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">视频电话</a>  
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">发信息</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="expertGatherItem">
+                <img src="{% static '/imgs/cornerIcon.png' %}" alt="">
+                <div class="expertInner">
+                    <div class="expertImg">
+                        <img src="{% static '/imgs/Customer.png'%}" alt="">
+                    </div>
+                    <div class="expertTxt">
+                        <h1>吴玉金教授</h1>
+                        <p>简介：</p>
+                        <div class="desc">吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授</div>
+                        <div class="ctrlBtn">
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">视频电话</a>  
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">发信息</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="expertGatherItem">
+                <img src="{% static '/imgs/cornerIcon.png' %}" alt="">
+                <div class="expertInner">
+                    <div class="expertImg">
+                        <img src="{% static '/imgs/Customer.png'%}" alt="">
+                    </div>
+                    <div class="expertTxt">
+                        <h1>吴玉金教授</h1>
+                        <p>简介：</p>
+                        <div class="desc">吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授吴玉金教授</div>
+                        <div class="ctrlBtn">
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">视频电话</a>  
+                            <a href="tencent://message/?uin=405204799&Site=sc.chinaz.com&Menu=yes">发信息</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
         <div>
-           <img src="{% static 'imgs/specialist/intr03.jpg'%}" alt="">
+           <!-- <img src="{% static 'imgs/specialist/intr03.jpg'%}" alt=""> -->
         </div>
     </div>
 

templates/static/js/limit/limit.js

@@ -296,7 +296,7 @@ var navList = [
             {
                 "id": 14.2,
                 "title": "知识库",
-                "url": "learning_depot",
+                "url": "learn_depot",
                 "disabled": "true",
             }
         ]