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