From ed58afaaa564c54d22a42593265addce08bd5850 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 16 七月 2019 12:09:26 +0800
Subject: [PATCH] format-code

---
 src/views/companyProfile/joinMingKe.vue |  626 ++++++++++++++++++++++++++++----------------------------
 1 files changed, 313 insertions(+), 313 deletions(-)

diff --git a/src/views/companyProfile/joinMingKe.vue b/src/views/companyProfile/joinMingKe.vue
index 2366902..c3c6618 100644
--- a/src/views/companyProfile/joinMingKe.vue
+++ b/src/views/companyProfile/joinMingKe.vue
@@ -1,143 +1,143 @@
 <template>
-    <div class="main">
-        <div class="banner m_hide"><img src="../../img/aboutText.png" alt=""></div>
-        <div class="banner2 p_hide" style="margin-top: 1.14rem;">
-			<img src="../../img/guanyu2.png" alt="">
-		</div>
-		<div style="background-color: #F9F9F9;">
-			<div class="content_title fadeInUp zoomIn animated"><span>鍔犲叆鏄庣</span></div>
-			<div class="wrapper">
-				<div class="join">
-					<div class="join_t">
-						<span>MingKeOS</span>
-						<div>
-							<p>hr@minkesoft.com</p>
-							<p>400-189-1819</p>
-						</div>
-					</div>
-					<div class="join_m">
-						<h2>骞跨撼澶╀笅鏈夎瘑涔嬪+锛屼互鏄庢棩绉戞妧鏅儬涓崕锛�</h2>
-						<p>鏄庣鑷村姏浜庡皢鍏堣繘鐨処T鎶�鏈帹骞胯嚦骞垮ぇ鐢熶骇鍒堕�犱紒涓氾紝涓轰腑鍥藉埗閫犺緭閫佷俊鎭妧鏈�両T浜烘墠銆佺鐞嗕汉鎵嶏紱涓虹ぞ浼氬煿鍏绘湁鐢ㄧ殑鏍嬫涔嬫墠銆�</p>
-						<p>澶т簨涓氥�佸ぇ瀹跺涵銆佸ぇ瀛︽牎鏄槑绉戞枃鍖栫殑绮鹃珦锛岀幇鍦ㄥ凡缁忓緢灏戞湁浜鸿兘涓�鐢熷彧鍦ㄤ竴瀹朵紒涓氬伐浣滐紝涓嶇灏嗘潵韬湪浣曟柟锛屾槑绉戦兘浼氬姫鍔涗负骞垮ぇ鍛樺伐鍒涢�犲垱涓氬钩鍙帮紝瀛︿範鐭ヨ瘑锛屼韩鍙楀搴俯鏆栵紝骞跺皢杩欎唤瀹跺涵涔嬬埍浼犲悜鍏ㄧぞ浼氥��</p>
+  <div class="main">
+    <div class="banner m_hide"><img src="../../img/aboutText.png" alt=""></div>
+    <div class="banner2 p_hide" style="margin-top: 1.14rem;">
+    <img src="../../img/guanyu2.png" alt="">
+  </div>
+  <div style="background-color: #F9F9F9;">
+    <div class="content_title fadeInUp zoomIn animated"><span>鍔犲叆鏄庣</span></div>
+    <div class="wrapper">
+      <div class="join">
+        <div class="join_t">
+          <span>MingKeOS</span>
+          <div>
+            <p>hr@minkesoft.com</p>
+            <p>400-189-1819</p>
+          </div>
+        </div>
+        <div class="join_m">
+          <h2>骞跨撼澶╀笅鏈夎瘑涔嬪+锛屼互鏄庢棩绉戞妧鏅儬涓崕锛�</h2>
+          <p>鏄庣鑷村姏浜庡皢鍏堣繘鐨処T鎶�鏈帹骞胯嚦骞垮ぇ鐢熶骇鍒堕�犱紒涓氾紝涓轰腑鍥藉埗閫犺緭閫佷俊鎭妧鏈�両T浜烘墠銆佺鐞嗕汉鎵嶏紱涓虹ぞ浼氬煿鍏绘湁鐢ㄧ殑鏍嬫涔嬫墠銆�</p>
+          <p>澶т簨涓氥�佸ぇ瀹跺涵銆佸ぇ瀛︽牎鏄槑绉戞枃鍖栫殑绮鹃珦锛岀幇鍦ㄥ凡缁忓緢灏戞湁浜鸿兘涓�鐢熷彧鍦ㄤ竴瀹朵紒涓氬伐浣滐紝涓嶇灏嗘潵韬湪浣曟柟锛屾槑绉戦兘浼氬姫鍔涗负骞垮ぇ鍛樺伐鍒涢�犲垱涓氬钩鍙帮紝瀛︿範鐭ヨ瘑锛屼韩鍙楀搴俯鏆栵紝骞跺皢杩欎唤瀹跺涵涔嬬埍浼犲悜鍏ㄧぞ浼氥��</p>
 
-						<p>璇锋偍灏嗙畝鍘嗗懡鍚嶄负锛堣亴浣�-濮撳悕锛夊舰寮忓彂閫佽嚦閭锛�<span style="color: ;">hr@mingkesoft.com</span></p>
-					</div>
-					<div class="join_b">
-						<p>鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�</p>
-						<p>www.minkesoft.com</p>
-					</div>
-				</div>
-				<div class="join_content">
-					<div class="join_content_card"> 
-						<h2>澶у鎴风粡鐞�</h2>
-						<ul>宀椾綅瑕佹眰锛�
-							<li>1銆佸ぇ涓撳強浠ヤ笂瀛﹀巻锛�</li>
-							<li>2銆佸競鍦鸿惀閿�銆佸伐鍟嗙鐞嗙被鐩稿叧涓撲笟锛�</li>
-							<li>3銆佷粠浜嬮攢鍞簲骞翠互涓婂伐浣滅粡楠屻�傛湁涓�瀹氱殑瀹㈡埛璧勬簮鑰呬紭鍏堬紱</li>
-							<li>4銆佸叿鏈夎緝寮虹殑鍏叧銆佽皥鍒ゃ�佹矡閫氳兘鍔涳紝杈冨己鐨勫垎鏋愰棶棰樺拰瑙e喅闂鑳藉姏锛�</li>
-							<li>5銆佽矗浠诲績寮猴紝鍏峰浼樼鍥㈤槦鍚堜綔绮剧锛屽鎵垮彈杈冨ぇ鐨勫伐浣滃帇鍔涖��</li>
-						</ul>
+          <p>璇锋偍灏嗙畝鍘嗗懡鍚嶄负锛堣亴浣�-濮撳悕锛夊舰寮忓彂閫佽嚦閭锛�<span style="color: ;">hr@mingkesoft.com</span></p>
+        </div>
+        <div class="join_b">
+          <p>鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�</p>
+          <p>www.minkesoft.com</p>
+        </div>
+      </div>
+      <div class="join_content">
+        <div class="join_content_card"> 
+          <h2>澶у鎴风粡鐞�</h2>
+          <ul>宀椾綅瑕佹眰锛�
+            <li>1銆佸ぇ涓撳強浠ヤ笂瀛﹀巻锛�</li>
+            <li>2銆佸競鍦鸿惀閿�銆佸伐鍟嗙鐞嗙被鐩稿叧涓撲笟锛�</li>
+            <li>3銆佷粠浜嬮攢鍞簲骞翠互涓婂伐浣滅粡楠屻�傛湁涓�瀹氱殑瀹㈡埛璧勬簮鑰呬紭鍏堬紱</li>
+            <li>4銆佸叿鏈夎緝寮虹殑鍏叧銆佽皥鍒ゃ�佹矡閫氳兘鍔涳紝杈冨己鐨勫垎鏋愰棶棰樺拰瑙e喅闂鑳藉姏锛�</li>
+            <li>5銆佽矗浠诲績寮猴紝鍏峰浼樼鍥㈤槦鍚堜綔绮剧锛屽鎵垮彈杈冨ぇ鐨勫伐浣滃帇鍔涖��</li>
+          </ul>
 
-						<ul>宀椾綅鑱岃矗锛�
-							<li>1銆佺鐞嗕笌澶у鎴风殑鏃ュ父娌熼�氾紝鍙戝睍鍜岀淮鎶や笌澶у鎴风殑鑹ソ涓氬姟鍏崇郴锛�</li>
-							<li>2銆佹繁搴︽寲鎺橀噸鐐瑰鎴风殑娼滃湪闇�姹傦紝涓哄鎴锋彁渚涙弧鎰忕殑瑙e喅鏂规锛�</li>
-							<li>3銆佸娼滃湪瀹㈡埛杩涜瀹氭湡璺熻釜锛屽畾鏈熸彁浜ら攢鍞繘搴︽姤鍛婏紝瀹屾垚澶у鎴烽攢鍞洰鏍囷紱</li>
-							<li>4銆侀厤鍚堥攢鍞洟闃燂紝瀹屾垚閿�鍞洰鏍囷紱</li>
-						</ul>
-					</div>
-					
-					<div class="join_content_card"> 
-						<h2>鍞墠椤鹃棶</h2>
-						<ul>宀椾綅瑕佹眰锛�
-							<li>1銆佸鍘嗚姹傦細鏈浠ヤ笂锛�</li>
-							<li>2銆佺浉鍏冲伐浣滅粡楠岋細 3骞翠互涓婄鐞嗚蒋浠堕」鐩攢鍞�佸敭鍓嶅挩璇㈡垨椤圭洰瀹炴柦绠$悊缁忛獙锛�</li>
-							<li>3銆佺啛缁冪殑浣跨敤鍚勭Office宸ュ叿锛屾弿杩颁紒涓氫笟鍔¢渶姹傚強鎾板啓瑙e喅鏂规锛屾湁浼樼鐨勬矡閫氬拰PPT婕旇鑳藉姏銆佷笟鍔″垎鏋愯兘鍔涖�佹枃妗堝啓浣滆兘鍔涳紱</li>
-							<li>4銆佽兘澶熼�傚簲鍑哄樊锛�</li>
-							<li>5銆佹湁椤鹃棶寮忚惀閿�鑳屾櫙浼樺厛锛岃惀閿�銆佽储鍔°�佸伐鍟嗙鐞嗐�佽绠楁満涓撲笟浼樺厛锛�</li>
-							<li>6銆佹湁鏉$爜绯荤粺钀ラ攢鑳屾櫙鐨勪汉浼樺厛銆�</li>
-						</ul>
-						
-					
-						<ul>宀椾綅鑱岃矗锛�
-							<li>1銆佽礋璐f潯鐮佺郴缁熷敭鍓嶆敮鎸佸伐浣滐紝鍖呮嫭瀹㈡埛璋冪爺銆侀渶姹傚垎鏋愬拰搴旂敤瑙e喅鏂规鐨勫埗瀹氥�佹柟妗堣瑙d笌浜ゆ祦銆佹暟鎹殑鏁寸悊銆佷骇鍝佹紨绀虹瓑锛�</li>
-							<li>2銆佽礋璐f墍杈栧尯鍩熸満鏋勮蒋浠朵笟鍔$殑閿�鍞帹鍔ㄥ拰鎷撳睍鏀寔锛�</li>
-							<li>3銆佸崗鍔╁畬鍠勮涓氭柟妗堛�佹牱鏉垮鎴锋渚嬪強鐭ヨ瘑搴撹础鐚��</li>
-						</ul>
-					</div>
-				</div>
-			
-				<div class="join_content">
-					<div class="join_content_card"> 
-						<h2>瀹炴柦椤鹃棶</h2>
-						<ul>宀椾綅鑱岃矗锛�
-							<li>1銆佽礋璐d緷鎹」鐩摑鍥捐璁¤姹傦紝瀵瑰綋鍓嶉」鐩繘琛屽疄鏂芥惌寤恒�佹祴璇曘�佹枃妗h緭鍑哄伐浣滐紱</li>
-							<li>2銆佸湪瀹㈡埛鐜板満瀹屾垚绯荤粺閮ㄧ讲锛岃皟璇曘�佽瘯杩愯銆佸煿璁�侀獙鏀剁瓑宸ヤ綔锛�</li>
-							<li>3銆佸畬鎴愬瀹㈡埛绯荤粺浣跨敤杩囩▼涓殑闂瑙g瓟銆佺枒闅炬帓鏌ョ瓑鍞悗鏈嶅姟宸ヤ綔锛�</li>
-						</ul>
+          <ul>宀椾綅鑱岃矗锛�
+            <li>1銆佺鐞嗕笌澶у鎴风殑鏃ュ父娌熼�氾紝鍙戝睍鍜岀淮鎶や笌澶у鎴风殑鑹ソ涓氬姟鍏崇郴锛�</li>
+            <li>2銆佹繁搴︽寲鎺橀噸鐐瑰鎴风殑娼滃湪闇�姹傦紝涓哄鎴锋彁渚涙弧鎰忕殑瑙e喅鏂规锛�</li>
+            <li>3銆佸娼滃湪瀹㈡埛杩涜瀹氭湡璺熻釜锛屽畾鏈熸彁浜ら攢鍞繘搴︽姤鍛婏紝瀹屾垚澶у鎴烽攢鍞洰鏍囷紱</li>
+            <li>4銆侀厤鍚堥攢鍞洟闃燂紝瀹屾垚閿�鍞洰鏍囷紱</li>
+          </ul>
+        </div>
+        
+        <div class="join_content_card"> 
+          <h2>鍞墠椤鹃棶</h2>
+          <ul>宀椾綅瑕佹眰锛�
+            <li>1銆佸鍘嗚姹傦細鏈浠ヤ笂锛�</li>
+            <li>2銆佺浉鍏冲伐浣滅粡楠岋細 3骞翠互涓婄鐞嗚蒋浠堕」鐩攢鍞�佸敭鍓嶅挩璇㈡垨椤圭洰瀹炴柦绠$悊缁忛獙锛�</li>
+            <li>3銆佺啛缁冪殑浣跨敤鍚勭Office宸ュ叿锛屾弿杩颁紒涓氫笟鍔¢渶姹傚強鎾板啓瑙e喅鏂规锛屾湁浼樼鐨勬矡閫氬拰PPT婕旇鑳藉姏銆佷笟鍔″垎鏋愯兘鍔涖�佹枃妗堝啓浣滆兘鍔涳紱</li>
+            <li>4銆佽兘澶熼�傚簲鍑哄樊锛�</li>
+            <li>5銆佹湁椤鹃棶寮忚惀閿�鑳屾櫙浼樺厛锛岃惀閿�銆佽储鍔°�佸伐鍟嗙鐞嗐�佽绠楁満涓撲笟浼樺厛锛�</li>
+            <li>6銆佹湁鏉$爜绯荤粺钀ラ攢鑳屾櫙鐨勪汉浼樺厛銆�</li>
+          </ul>
+          
+        
+          <ul>宀椾綅鑱岃矗锛�
+            <li>1銆佽礋璐f潯鐮佺郴缁熷敭鍓嶆敮鎸佸伐浣滐紝鍖呮嫭瀹㈡埛璋冪爺銆侀渶姹傚垎鏋愬拰搴旂敤瑙e喅鏂规鐨勫埗瀹氥�佹柟妗堣瑙d笌浜ゆ祦銆佹暟鎹殑鏁寸悊銆佷骇鍝佹紨绀虹瓑锛�</li>
+            <li>2銆佽礋璐f墍杈栧尯鍩熸満鏋勮蒋浠朵笟鍔$殑閿�鍞帹鍔ㄥ拰鎷撳睍鏀寔锛�</li>
+            <li>3銆佸崗鍔╁畬鍠勮涓氭柟妗堛�佹牱鏉垮鎴锋渚嬪強鐭ヨ瘑搴撹础鐚��</li>
+          </ul>
+        </div>
+      </div>
+    
+      <div class="join_content">
+        <div class="join_content_card"> 
+          <h2>瀹炴柦椤鹃棶</h2>
+          <ul>宀椾綅鑱岃矗锛�
+            <li>1銆佽礋璐d緷鎹」鐩摑鍥捐璁¤姹傦紝瀵瑰綋鍓嶉」鐩繘琛屽疄鏂芥惌寤恒�佹祴璇曘�佹枃妗h緭鍑哄伐浣滐紱</li>
+            <li>2銆佸湪瀹㈡埛鐜板満瀹屾垚绯荤粺閮ㄧ讲锛岃皟璇曘�佽瘯杩愯銆佸煿璁�侀獙鏀剁瓑宸ヤ綔锛�</li>
+            <li>3銆佸畬鎴愬瀹㈡埛绯荤粺浣跨敤杩囩▼涓殑闂瑙g瓟銆佺枒闅炬帓鏌ョ瓑鍞悗鏈嶅姟宸ヤ綔锛�</li>
+          </ul>
 
-						<ul>宀椾綅瑕佹眰锛�
-							<li>1銆佽鏈変富浜虹縼绮剧锛岃兘澶熷鍏徃璐熻矗銆佸宸ヤ綔璐熻矗銆佸鑷繁璐熻矗锛岃兘鍏呭垎鐞嗚В璐d换涓庢媴褰撶殑鍚箟锛�</li>
-							<li>2銆佽兘閫傚簲鍑哄樊锛�</li>
-							<li>3銆佺簿閫歋QLServer 瀵规暟鎹簱璇彞鑳界啛缁冩帉鎻★紝鑳界嫭绔嬪畬鎴愭暟鎹簱瀛樺偍杩囩▼鐨勭紪鍐欙紱</li>
-							<li>4銆佹湁杈冨己鏂囨鑳藉姏锛圵ord,excel,ppt, Visio绛夛級锛岀啛鎮夌郴缁熻鏄庝功鎾板啓瑙勮寖锛�</li>
-							<li>5銆佹�ф牸娲绘臣寮�鏈楋紝鍠勪簬涓庡鎴锋矡閫氾紝寮曞鐢ㄦ埛闇�姹傦紱</li>
-							<li>6銆佽兘閫傚簲鍔犵彮鍙婅緝澶у伐浣滃帇鍔涳紱</li>
-							<li>7銆佸鍘嗚姹傦細澶т笓浠ヤ笂銆�</li>
-						</ul>
-					</div>
-				
-                        
-					<div class="join_content_card"> 
-						<h2>椤圭洰缁忕悊</h2>
-						<ul>宀椾綅瑕佹眰锛�
-							<li>1銆佹瑙勫ぇ瀛︽湰绉戝強浠ヤ笂瀛﹀巻锛岃绠楁満鐩稿叧涓撲笟锛�</li>
-							<li>2銆佸叿鏈夎嚦灏�2骞翠互涓奍T琛屼笟椤圭洰绠$悊宸ヤ綔缁忛獙锛屽鍏锋湁澶氬勾鎶�鏈紑鍙戝疄璺电粡楠岀殑鏇翠匠锛�</li>
-							<li>3銆佺啛鎮変紶缁熶緵搴旈摼IT浜у搧鐨勭爺鍙戞祦绋嬶紝鍏锋湁娣卞埢鐨勭悊瑙e拰瀹炶返缁忛獙锛涳紱</li>
-							<li>4銆佸叿鏈夊己鐑堢殑浜嬩笟蹇冦�佽矗浠诲績锛屽叿鏈夎壇濂界殑璇█琛ㄨ揪鑳藉姏銆佹矡閫氬崗璋冭兘鍔涳紝鑹ソ鐨勭鐞嗐�佺粍缁囪兘鍔�;</li>
-							<li>5銆佹�濈淮娓呮櫚鏁忔嵎锛岄�昏緫鍒嗘瀽鑳藉姏寮�, 鑹ソ鐨勮瑷�涓庝功闈㈣〃杈捐兘鍔涳紱</li>
-							<li>6銆佺啛鎮夐」鐩鐞嗙悊璁猴紝鏈塒MP璇佷功鑰呬紭鍏堛��</li>
-						</ul>
-					
-						<ul>宀椾綅鑱岃矗锛�
-							<li>1銆佽礋璐d緵搴旈摼绯荤粺椤圭洰绠$悊宸ヤ綔锛屽寘鎷敭鍓嶉」鐩�佺爺鍙戦」鐩�佸疄鏂介」鐩瓑椤圭洰绠$悊宸ヤ綔锛�</li>
-							<li>2銆佽兘甯﹂椤圭洰鍥㈤槦锛屾牴鎹鎴烽渶姹傚拰琛屼笟鐗圭偣锛屾彁鍑哄苟褰㈡垚浼佷笟渚涘簲閾剧鐞嗚В鍐虫柟妗堬紱</li>
-							<li>3銆佽礋璐d笌瀹㈡埛鏂归」鐩粡鐞嗗強椤圭洰楂樺眰杩涜椤圭洰宸ヤ綔娌熼�氬強鍥㈤槦寤鸿鍙婄鐞嗗伐浣�;</li>
-							<li>4銆佺晫瀹氶」鐩寖鍥达紝绠$悊椤圭洰闇�姹傦紝缁煎悎鎺у埗椤圭洰鏁翠綋椋庨櫓锛�</li>
-							<li>5銆佺鐞嗗鎴峰叧绯伙紝杈炬垚瀹㈡埛婊℃剰搴︼紝浠ョ洰鏍囦负瀵煎悜锛屽畬鎴愰」鐩氦浠樸��;</li>
-						</ul>
-					</div>
-				</div>
-				
-                        
-				<div class="join_content" style="padding-bottom: 0.9rem;">
-					<div class="join_content_card"> 
-						<h2>UI璁捐甯�</h2>
-						<ul>宀椾綅瑕佹眰锛�
-							<li>1銆佹湁涓ゅ勾浠ヤ笂鎵嬫満绔蒋浠剁晫闈㈣璁℃垨澶у瀷缃戠珯璁捐缁忛獙锛屼笖浼氭墜缁樿�呬紭鍏堬紱</li>
-							<li>2銆佹湁杈冨己鐨勭編鏈姛搴曪紝鍏锋湁鍑鸿壊鐨勮壓鏈璁¤兘鍔涳紝鑳藉鐏垫椿鎺у埗璁捐椋庢牸锛屾妸鎻℃椂浠e墠娌匡紝瀵屾湁鍒涢�犲姏鍜屾縺鎯咃紱</li>
-							<li>3銆佺啛缁冩帉鎻hotoshop,illustrator绛夎璁¤蒋浠讹紝鐔熺粌鎺屾彙icon鍘熷垱璁捐锛�</li>
-							<li>4銆佽兘澶熻嚜宸辩嫭绔嬪畬鎴�,鐑》浜庡浘褰㈢晫闈㈣璁′笌鐩稿叧鐮旂┒锛�</li>
-							<li>5銆佸叿鏈夎壇濂界殑娌熼�氳〃杈捐兘鍔涳紝闇�姹傚垽鏂姏锛屽洟闃熷崗浣滆兘鍔涖��</li>
-						</ul>
-				
-						<ul>宀椾綅鑱岃矗锛�
-							<li>1銆佸弬涓庡叕鍙歌惀閿�璁捐鍜屼骇鍝侀」鐩殑瀹㈡埛绔晫闈㈣璁″伐浣滐紱鍏徃缃戦〉銆佸箍鍛婂浼犺璁★紱 鍖呮嫭锛氭妸鎻′骇鍝佹暣浣撳舰璞¤璁°�侀鏍艰璁″拰琛ㄧ幇褰㈠紡璁捐锛涙敞閲嶇敤鎴锋搷浣滀綋楠岃璁★紝浼樺寲鐢ㄦ埛鎿嶄綔銆�</li>
-						</ul>
-					</div>
-					<!-- 鍗犱綅 -->
-					<div class="join_content_card" style="visibility: hidden;"></div>
-				</div>
-
-			</div>
-			<div class="p_hide">
-				<div v-for="(item,index) in person" @click="jump(index)" class="box" :class="active_index == index ? 'active' : ''">
-					<div class="line1">{{item.name}}<span>闈㈣</span></div>
-					<div class="line2"><img src="../../img/jingli.png" alt="">鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�<span>2019-03-28</span></div>
-				</div>
-			</div>
-		</div>
+          <ul>宀椾綅瑕佹眰锛�
+            <li>1銆佽鏈変富浜虹縼绮剧锛岃兘澶熷鍏徃璐熻矗銆佸宸ヤ綔璐熻矗銆佸鑷繁璐熻矗锛岃兘鍏呭垎鐞嗚В璐d换涓庢媴褰撶殑鍚箟锛�</li>
+            <li>2銆佽兘閫傚簲鍑哄樊锛�</li>
+            <li>3銆佺簿閫歋QLServer 瀵规暟鎹簱璇彞鑳界啛缁冩帉鎻★紝鑳界嫭绔嬪畬鎴愭暟鎹簱瀛樺偍杩囩▼鐨勭紪鍐欙紱</li>
+            <li>4銆佹湁杈冨己鏂囨鑳藉姏锛圵ord,excel,ppt, Visio绛夛級锛岀啛鎮夌郴缁熻鏄庝功鎾板啓瑙勮寖锛�</li>
+            <li>5銆佹�ф牸娲绘臣寮�鏈楋紝鍠勪簬涓庡鎴锋矡閫氾紝寮曞鐢ㄦ埛闇�姹傦紱</li>
+            <li>6銆佽兘閫傚簲鍔犵彮鍙婅緝澶у伐浣滃帇鍔涳紱</li>
+            <li>7銆佸鍘嗚姹傦細澶т笓浠ヤ笂銆�</li>
+          </ul>
+        </div>
+      
+                      
+        <div class="join_content_card"> 
+          <h2>椤圭洰缁忕悊</h2>
+          <ul>宀椾綅瑕佹眰锛�
+            <li>1銆佹瑙勫ぇ瀛︽湰绉戝強浠ヤ笂瀛﹀巻锛岃绠楁満鐩稿叧涓撲笟锛�</li>
+            <li>2銆佸叿鏈夎嚦灏�2骞翠互涓奍T琛屼笟椤圭洰绠$悊宸ヤ綔缁忛獙锛屽鍏锋湁澶氬勾鎶�鏈紑鍙戝疄璺电粡楠岀殑鏇翠匠锛�</li>
+            <li>3銆佺啛鎮変紶缁熶緵搴旈摼IT浜у搧鐨勭爺鍙戞祦绋嬶紝鍏锋湁娣卞埢鐨勭悊瑙e拰瀹炶返缁忛獙锛涳紱</li>
+            <li>4銆佸叿鏈夊己鐑堢殑浜嬩笟蹇冦�佽矗浠诲績锛屽叿鏈夎壇濂界殑璇█琛ㄨ揪鑳藉姏銆佹矡閫氬崗璋冭兘鍔涳紝鑹ソ鐨勭鐞嗐�佺粍缁囪兘鍔�;</li>
+            <li>5銆佹�濈淮娓呮櫚鏁忔嵎锛岄�昏緫鍒嗘瀽鑳藉姏寮�, 鑹ソ鐨勮瑷�涓庝功闈㈣〃杈捐兘鍔涳紱</li>
+            <li>6銆佺啛鎮夐」鐩鐞嗙悊璁猴紝鏈塒MP璇佷功鑰呬紭鍏堛��</li>
+          </ul>
+        
+          <ul>宀椾綅鑱岃矗锛�
+            <li>1銆佽礋璐d緵搴旈摼绯荤粺椤圭洰绠$悊宸ヤ綔锛屽寘鎷敭鍓嶉」鐩�佺爺鍙戦」鐩�佸疄鏂介」鐩瓑椤圭洰绠$悊宸ヤ綔锛�</li>
+            <li>2銆佽兘甯﹂椤圭洰鍥㈤槦锛屾牴鎹鎴烽渶姹傚拰琛屼笟鐗圭偣锛屾彁鍑哄苟褰㈡垚浼佷笟渚涘簲閾剧鐞嗚В鍐虫柟妗堬紱</li>
+            <li>3銆佽礋璐d笌瀹㈡埛鏂归」鐩粡鐞嗗強椤圭洰楂樺眰杩涜椤圭洰宸ヤ綔娌熼�氬強鍥㈤槦寤鸿鍙婄鐞嗗伐浣�;</li>
+            <li>4銆佺晫瀹氶」鐩寖鍥达紝绠$悊椤圭洰闇�姹傦紝缁煎悎鎺у埗椤圭洰鏁翠綋椋庨櫓锛�</li>
+            <li>5銆佺鐞嗗鎴峰叧绯伙紝杈炬垚瀹㈡埛婊℃剰搴︼紝浠ョ洰鏍囦负瀵煎悜锛屽畬鎴愰」鐩氦浠樸��;</li>
+          </ul>
+        </div>
+      </div>
+      
+                      
+      <div class="join_content" style="padding-bottom: 0.9rem;">
+        <div class="join_content_card"> 
+          <h2>UI璁捐甯�</h2>
+          <ul>宀椾綅瑕佹眰锛�
+            <li>1銆佹湁涓ゅ勾浠ヤ笂鎵嬫満绔蒋浠剁晫闈㈣璁℃垨澶у瀷缃戠珯璁捐缁忛獙锛屼笖浼氭墜缁樿�呬紭鍏堬紱</li>
+            <li>2銆佹湁杈冨己鐨勭編鏈姛搴曪紝鍏锋湁鍑鸿壊鐨勮壓鏈璁¤兘鍔涳紝鑳藉鐏垫椿鎺у埗璁捐椋庢牸锛屾妸鎻℃椂浠e墠娌匡紝瀵屾湁鍒涢�犲姏鍜屾縺鎯咃紱</li>
+            <li>3銆佺啛缁冩帉鎻hotoshop,illustrator绛夎璁¤蒋浠讹紝鐔熺粌鎺屾彙icon鍘熷垱璁捐锛�</li>
+            <li>4銆佽兘澶熻嚜宸辩嫭绔嬪畬鎴�,鐑》浜庡浘褰㈢晫闈㈣璁′笌鐩稿叧鐮旂┒锛�</li>
+            <li>5銆佸叿鏈夎壇濂界殑娌熼�氳〃杈捐兘鍔涳紝闇�姹傚垽鏂姏锛屽洟闃熷崗浣滆兘鍔涖��</li>
+          </ul>
+      
+          <ul>宀椾綅鑱岃矗锛�
+            <li>1銆佸弬涓庡叕鍙歌惀閿�璁捐鍜屼骇鍝侀」鐩殑瀹㈡埛绔晫闈㈣璁″伐浣滐紱鍏徃缃戦〉銆佸箍鍛婂浼犺璁★紱 鍖呮嫭锛氭妸鎻′骇鍝佹暣浣撳舰璞¤璁°�侀鏍艰璁″拰琛ㄧ幇褰㈠紡璁捐锛涙敞閲嶇敤鎴锋搷浣滀綋楠岃璁★紝浼樺寲鐢ㄦ埛鎿嶄綔銆�</li>
+          </ul>
+        </div>
+        <!-- 鍗犱綅 -->
+        <div class="join_content_card" style="visibility: hidden;"></div>
+      </div>
 
     </div>
+    <div class="p_hide">
+      <div v-for="(item,index) in person" @click="jump(index)" class="box" :key="index" :class="active_index == index ? 'active' : ''">
+        <div class="line1">{{item.name}}<span>闈㈣</span></div>
+        <div class="line2"><img src="../../img/jingli.png" alt="">鍖椾含鏄庣鏅崕淇℃伅鎶�鏈湁闄愬叕鍙�<span>2019-03-28</span></div>
+      </div>
+    </div>
+  </div>
+
+  </div>
 </template>
 
 <script>
@@ -169,7 +169,7 @@
 </script>
 
 <style lang="less" scoped>
-.banner{
+  .banner {
     width: 100%;
     background: url(../../img/aboutBanner.png) no-repeat;
     background-size: cover;
@@ -177,202 +177,202 @@
     display: flex;
     justify-content: center;
     align-items: center;
-}
-.content_title{
+  }
+  .content_title {
     padding: 0.7rem 0 0.67rem;
-}
-.join{
-	width: 10.5rem;
-	height: 11.6rem;
+  }
+  .join {
+    width: 10.5rem;
+    height: 11.6rem;
     background: url(../../img/joinBanner.png) no-repeat;
-	background-size: 100% 100%;
-	margin: 0 auto;
-	
-    .join_t{
-        padding: 1.12rem 2.02rem 0 2.57rem;
-        display: flex;
-        justify-content: space-between;
-        span{
-            font-size: 0.4rem;
-            color: #3B3B3C;
+    background-size: 100% 100%;
+    margin: 0 auto;
+    
+    .join_t {
+      padding: 1.12rem 2.02rem 0 2.57rem;
+      display: flex;
+      justify-content: space-between;
+      span {
+        font-size: 0.4rem;
+        color: #3B3B3C;
+      }
+      div {
+        p {
+          font-size: 0.16rem;
+          color:#3B3B3C;
         }
-        div{
-            p{
-                font-size: 0.16rem;
-                color:#3B3B3C;
-            }
-            p:last-child{
-                margin-top: 0.15rem;
-            }
+        p:last-child {
+          margin-top: 0.15rem;
         }
+      }
     }
-    .join_m{
-        margin-top: 2.24rem;
-        padding:0 2.2rem 0 2.6rem;
-        h2{
+    .join_m {
+      margin-top: 2.24rem;
+      padding:0 2.2rem 0 2.6rem;
+      h2 {
         font-size: 0.3rem;
         color: #3B3B3C;
         margin-bottom: 0.41rem;
-        }
-        p{
-            font-size: 0.18rem;
-            color:#3E3E3E;
-            line-height: 0.28rem;
-            margin-top: 0.2rem;
-        }
-        p:nth-child(2){
-            margin-top: 0;
-        }
+      }
+      p {
+        font-size: 0.18rem;
+        color:#3E3E3E;
+        line-height: 0.28rem;
+        margin-top: 0.2rem;
+      }
+      p:nth-child(2) {
+        margin-top: 0;
+      }
     }
-    .join_b{
-        margin-top: 1.8rem;
-        text-align: right;
-        margin-right: 2.02rem;
-        p{
-            font-size: 0.16rem;
-            color: #3B3B3C;
-        }
-        p:last-child{
-            margin-top: 0.12rem;
-        }
+    .join_b {
+      margin-top: 1.8rem;
+      text-align: right;
+      margin-right: 2.02rem;
+      p {
+        font-size: 0.16rem;
+        color: #3B3B3C;
+      }
+      p:last-child {
+        margin-top: 0.12rem;
+      }
     }
-}
-@media (min-width: 751px) {
-    .join_content{
-        display:flex;
+  }
+  @media (min-width: 751px) {
+    .join_content {
+      display:flex;
     }
-    .join_content_card{
-		width: 50%;
-        background: #fff;
-        border: 1px solid #E8E8E8;
-        padding: 0.2rem 0.18rem;
-        margin: 0.46rem 0.19rem 0;
-        h2{
-            text-align: center;
-            font-weight: bold;
-            color: #3B3B3C;
-            font-size: 0.24rem;
+    .join_content_card {
+      width: 50%;
+      background: #fff;
+      border: 1px solid #E8E8E8;
+      padding: 0.2rem 0.18rem;
+      margin: 0.46rem 0.19rem 0;
+      h2 {
+        text-align: center;
+        font-weight: bold;
+        color: #3B3B3C;
+        font-size: 0.24rem;
+      }
+      ul { 
+        font-size: 0.16rem;
+        color: #3E3E3E;
+        font-weight: bold;
+        margin-top: 0.2rem;
+        li {
+          line-height: 0.25rem;
+          font-weight: 400;
         }
-        ul{ 
-            font-size: 0.16rem;
-            color: #3E3E3E;
-            font-weight: bold;
-			margin-top: 0.2rem;
-            li{
-                line-height: 0.25rem;
-                font-weight: 400;
-            }
+      }
+    }
+    .join_content-m {
+      display: none;
+    }
+  }
+  @media (max-width: 750px) and (min-width: 0) {
+    .box {
+      height: 1.6rem;
+      padding-top: 0.29rem;
+      
+      .line1 {
+        font-size:0.34rem;
+        font-family:PingFang-SC-Medium;
+        font-weight:500;
+        color:rgba(59,59,60,1);
+        margin: 0 0.48rem;
+        
+        span {
+          float: right;
         }
-    }
-    .join_content-m{
-        display: none;
-    }
-}
-@media (max-width: 750px) and (min-width: 0){
-	.box{
-		height: 1.6rem;
-		padding-top: 0.29rem;
-		
-		.line1{
-			font-size:0.34rem;
-			font-family:PingFang-SC-Medium;
-			font-weight:500;
-			color:rgba(59,59,60,1);
-			margin: 0 0.48rem;
-			
-			span{
-				float: right;
-			}
-		}
-		.line2{
-			margin: 0.3rem 0.48rem 0;
-			font-size:0.24rem;
-			font-family:PingFang-SC-Regular;
-			font-weight:400;
-			color:rgba(122,122,122,1);
-			
-			img{
-				width: 0.27rem;
-				margin-right: 0.21rem;
-			}
-			span{
-				float: right;
-			}
-		}
-	}
-	.box:first-child{
-		margin-top: 0.53rem;
-	}
-	.active{
-		background:rgba(199,230,242,0.2);
-	}
-	.box:last-child{
-		padding-bottom: 1.9rem;
-	}
-	
-    .banner{
-        min-height: 4rem;
-        img{
-            height: .46rem;
+      }
+      .line2 {
+        margin: 0.3rem 0.48rem 0;
+        font-size:0.24rem;
+        font-family:PingFang-SC-Regular;
+        font-weight:400;
+        color:rgba(122,122,122,1);
+        
+        img {
+          width: 0.27rem;
+          margin-right: 0.21rem;
         }
+        span {
+          float: right;
+        }
+      }
     }
-    .join{
+    .box:first-child {
+      margin-top: 0.53rem;
+    }
+    .active {
+      background:rgba(199,230,242,0.2);
+    }
+    .box:last-child {
+      padding-bottom: 1.9rem;
+    }
+    
+    .banner {
+      min-height: 4rem;
+      img {
+        height: .46rem;
+      }
+    }
+    .join {
+      width: 90%;
+      height:auto;
+      background: none;
+      box-shadow:0px 0px 38px 0px rgba(79,78,80,0.15);
+      margin: 0 auto;
+      padding-bottom: .56rem;
+      .join_t {
+        padding: .56rem 0 0.4rem;
+        span {
+          margin: 0 auto;
+        }
+        div {
+          display: none;
+        }
+      }
+      .join_m {
+        padding: 0 .34rem;
+        margin: 0;
+        h2 {
+          font-size: .28rem;
+          text-align: center;
+        }
+        p {
+          font-size: .24rem;
+          line-height:.35rem;
+          span {
+            color: #4CB1FF
+          }
+        }
+      }
+      .join_b {
+        padding-right: 5%;
+        margin:.57rem 0 0 0;
+      }
+    }
+    .join_content {
+      display: none;
+    }
+    .join_content-m {
+      width: 100%;
+      margin-top: .3rem;
+      .join_content_card {
         width: 90%;
-        height:auto;
-		background: none;
-        box-shadow:0px 0px 38px 0px rgba(79,78,80,0.15);
         margin: 0 auto;
-        padding-bottom: .56rem;
-        .join_t{
-            padding: .56rem 0 0.4rem;
-            span{
-                margin: 0 auto;
-            }
-            div{
-                display: none;
-            }
+        padding: .3rem 0;
+        h3 {
+          display: flex;
+          justify-content: space-between;
+          font-size: .24rem;
+          color:#7A7A7A;
         }
-        .join_m{
-            padding: 0 .34rem;
-            margin: 0;
-            h2{
-                font-size: .28rem;
-                text-align: center;
-            }
-            p{
-                font-size: .24rem;
-                line-height:.35rem;
-                span{
-                    color: #4CB1FF
-                }
-            }
+        h3:first-child {
+          font-size: .34rem;
+          color: #000;
         }
-        .join_b{
-            padding-right: 5%;
-            margin:.57rem 0 0 0;
-        }
+      }
     }
-    .join_content{
-        display: none;
-    }
-    .join_content-m{
-        width: 100%;
-        margin-top: .3rem;
-        .join_content_card{
-            width: 90%;
-            margin: 0 auto;
-            padding: .3rem 0;
-            h3{
-                display: flex;
-                justify-content: space-between;
-                font-size: .24rem;
-                color:#7A7A7A;
-            }
-            h3:first-child{
-                font-size: .34rem;
-                color: #000;
-            }
-        }
-    }
-}
+  }
 </style>

--
Gitblit v1.8.0