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/index/dynamicDetail.vue | 498 +++++++++++++++++++++++++++---------------------------- 1 files changed, 243 insertions(+), 255 deletions(-) diff --git a/src/views/index/dynamicDetail.vue b/src/views/index/dynamicDetail.vue index 9de125d..289a494 100644 --- a/src/views/index/dynamicDetail.vue +++ b/src/views/index/dynamicDetail.vue @@ -1,116 +1,109 @@ <template> - <div class="main"> - <div class="wrapper dynamic"> - <div class="dynamic_l"> - <h4>鏄庣 > 鏂伴椈璧勮 > 浼佷笟璧勮 > 瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</h4> - <h2 class="dynamic_title">瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</h2> - <h3 class="dynamic_subtitle">浼佷笟璧勮 | 2018-10-10</h3> - <div class="dynamic_content"> - <p> - 9鏈�22鏃ヤ笂鍗堬紝瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細鍦ㄨ嫃宸炲巺闅嗛噸鍙紑锛屼笓涓氬伐鍏疯惀閿�涓績鏈辨�汇�佽储鍔″紶鎬汇�佷俊鎭寲绠$悊閮ㄤ竵鎬伙紝鎼洪」鐩粍鍥㈤槦鍙傚姞浜嗘娆′細璁�傚寳浜槑绉戞櫘鍗庡壇鎬荤粡鐞嗗紶瀵岃吹锛屾惡椤鹃棶浠h〃4浜哄嚭甯簡浼氳銆�<br /> - 浼氳鐢辩數鍟嗛攢鍞儴缁忕悊绾敠闇蹭富鎸佸彫寮�銆� - </p> - <img src="../../img/dynamicDetail.png" alt=""> - </div> - <div class="dynamic_content"> - <p> - 浼氳浼婂锛岀數鍟嗛攢鍞儴缁忕悊绾敠闇查鍏堝垎鏋愪簡杩戝嚑骞寸敱浜庣數鍟嗛攢閲忕殑涓嶆柇涓婂崌锛岀數鍟嗛儴闂ㄥ湪宸ヤ綔涓墍閬囧埌鐨勫悇绫婚棶棰橈紝绾粡鐞嗗挨鍏舵寚鍑哄湪姣忓勾鍙屽崄涓�鏈熼棿宸ㄥぇ鐨勮鍗曢噺缁欑數鍟嗛儴闂ㄥ甫鏉ヤ簡宸ㄥぇ鐨勫伐浣滈噺銆�<br /> - <div style="margin: 0.3rem 0;">2017骞寸殑鍙屽崄涓�鍗冲皢鏉ヤ复锛岄�氳繃IT骞冲彴鎵撻�氱數鍟嗗钩鍙颁笌SAP绯荤粺瀹炵幇鏁版嵁娴佸鎺ワ紝鎻愰珮鐗╂祦鍙戣揣鏁堢巼锛岄檷浣庝汉涓哄嚭閿欑巼锛岄檷浣庝汉宸ユ垚鏈紝宸茬粡杩湪鐪夌潾銆�</div> - 鎺ョ潃锛屽寳浜槑绉戞櫘鍗庨」鐩�荤洃鍏奸」鐩粡鐞嗗垬鐣呭悜涓庝細鍚勪綅浠嬬粛浜嗗寳浜槑绉戝悇绫荤數鍟嗙鐞嗛」鐩疄鏂界粡楠岋紝浠ュ強鏄庣椤圭洰灏嗕細缁欏疂鏃跺緱鐢靛晢绠$悊甯︽潵浠�涔堝彉鍖栥�傚湪鏃堕棿涓婃湰椤圭洰棰勮浠庨」鐩寮忓惎鍔ㄥ悗鐨�2涓湀鍐呭畬鎴愬钩鍙版惌寤恒�佸钩鍙板紑鍙戜笌涓�鏈熷姛鑳藉疄鏂斤紝椤圭洰涓婄嚎銆備簩鏈熷湪涓�鏈熶笂绾垮悗鐨勪竴涓湀鍐呭畬鎴愮浉鍏崇殑寮�鍙戜笌涓婄嚎宸ヤ綔銆� - </p> - <img src="../../img/da2.png" alt=""> - </div> - <div class="dynamic_content"> - <p>闅忓悗锛屽寳浜槑绉戝壇鎬荤粡鐞嗗紶瀵岃吹鍚戝疂鏃跺緱浣滃嚭浜嗛」鐩椂闂淬�佹姇鍏ヨ祫婧愪笌骞冲彴璐ㄩ噺涓婄殑鎵胯锛屼互鍙婁粖鍚庣殑涓�浜涘睍鏈涖��</p> - <img src="../../img/da3.png" alt=""> - </div> - <div class="dynamic_content"> - <p> - 鏈�鍚庯紝涓撲笟宸ュ叿钀ラ攢涓績鏈辨�讳负姝ゆ浼氳鍋氫簡鎬荤粨锛屽苟鎸囧嚭鏈椤圭洰鏃堕棿姣旇緝绱у紶锛屽苟涓斾竴涓婄嚎灏卞皢闈复鍙屽崄涓�鐨勮繖鍦衡�樺ぇ鎴樷�欙紝甯屾湜椤圭洰缁勫洟闃熻兘澶熼珮璐ㄩ噺鐨勫畬鎴愪换鍔°��<br /> - 鐢靛晢骞冲彴椤圭洰灏嗕細缁欏疂鏃跺緱鐢靛晢杩愯惀甯︽潵宸ㄥぇ鍙樺寲銆傝鎴戜滑鍦ㄤ簰鑱旂綉+鐨勫ぇ鏃朵唬鑳屾櫙涓嬶紝閫氳繃鍏ㄦ柊鐨勭數鍟嗙鐞嗗钩鍙帮紝鍏卞悓鍔姏锛屼负瀹濇椂寰楀垱涓嬫柊鐨勯攢鍞紶濂囷紒 - </p> - <img src="../../img/da4.png" alt=""> - </div> - </div> - <div class="dynamic_r"> - <h3>鐑棬鏂囩珷</h3> - <ul class="dynamic_ul"> - <li> - <img src="../../img/caseList.png" alt=""> - <div> - <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规</p> - <span>2017-03-08</span> - </div> - </li> - <li> - <img src="../../img/r2.png" alt=""> - <div> - <p>渚涘簲鍟嗙鐞嗚В鍐虫柟妗�</p> - <span>2017-03-08</span> - </div> - </li> - <li> - <img src="../../img/r3.png" alt=""> - <div> - <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规</p> - <span>2017-03-08</span> - </div> - </li> - <li> - <img src="../../img/r4.png" alt=""> - <div> - <p>鏄庣闃茬獪璐х鐞嗚В鍐虫柟妗�</p> - <span>2017-03-08</span> - </div> - </li> - - - <li> - <img src="../../img/r5.png" alt=""> - <div> - <p>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙e喅鏂规</p> - <span>2017-03-08</span> - </div> - </li> - <li> - <img src="../../img/r6.png" alt=""> - <div> - <p>鏄庣璧勪骇鍙婃。妗堢郴缁熻В鍐虫柟妗�</p> - <span>2017-03-08</span> - </div> - </li> - <li> - <img src="../../img/r7.png" alt=""> - <div> - <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规</p> - <span>2017-03-08</span> - </div> - </li> - <li> - <img src="../../img/r8.png" alt=""> - <div> - <p>鏄庣鐢靛瓙鏍囩鎷h揣绯荤粺</p> - <span>2017-03-08</span> - </div> - </li> - </ul> - </div> + <div class="main"> + <div class="wrapper dynamic"> + <div class="dynamic_l"> + <h4>鏄庣 > 鏂伴椈璧勮 > 浼佷笟璧勮 > 瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</h4> + <h2 class="dynamic_title">瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細璁殕閲嶄妇琛�</h2> + <h3 class="dynamic_subtitle">浼佷笟璧勮 | 2018-10-10</h3> + <div class="dynamic_content"> + <p>9鏈�22鏃ヤ笂鍗堬紝瀹濇椂寰楃數鍟嗗钩鍙伴」鐩惎鍔ㄤ細鍦ㄨ嫃宸炲巺闅嗛噸鍙紑锛屼笓涓氬伐鍏疯惀閿�涓績鏈辨�汇�佽储鍔″紶鎬汇�佷俊鎭寲绠$悊閮ㄤ竵鎬伙紝鎼洪」鐩粍鍥㈤槦鍙傚姞浜嗘娆′細璁�傚寳浜槑绉戞櫘鍗庡壇鎬荤粡鐞嗗紶瀵岃吹锛屾惡椤鹃棶浠h〃4浜哄嚭甯簡浼氳銆�<br /> + 浼氳鐢辩數鍟嗛攢鍞儴缁忕悊绾敠闇蹭富鎸佸彫寮�銆� + </p> + <img src="../../img/dynamicDetail.png" alt=""> </div> - - <div class="wechat p_hide"> - <div class="title_a">濯掍綋鍚堜綔</div> - <div class="title_c"> - <img src="../../img/code.png" alt=""> - </div> - <div class="title_b">鏇村鍔ㄦ�佽鍏虫敞</div> - <div class="title_b">鏄庣浼佷笟瀹樻柟鍏紬鍙�</div> - </div> - - <div class="wrapper dynamic_b"> - <p>涓婁竴绡囷細杩欏凡缁忔槸绗竴绡囦簡 <span>浼佷笟璧勮 | 2017-03-08</span></p> - <p>涓嬩竴绡囷細鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规 <span>浼佷笟璧勮 | 2017-03-08</span></p> + <div class="dynamic_content"> + <p>浼氳浼婂锛岀數鍟嗛攢鍞儴缁忕悊绾敠闇查鍏堝垎鏋愪簡杩戝嚑骞寸敱浜庣數鍟嗛攢閲忕殑涓嶆柇涓婂崌锛岀數鍟嗛儴闂ㄥ湪宸ヤ綔涓墍閬囧埌鐨勫悇绫婚棶棰橈紝绾粡鐞嗗挨鍏舵寚鍑哄湪姣忓勾鍙屽崄涓�鏈熼棿宸ㄥぇ鐨勮鍗曢噺缁欑數鍟嗛儴闂ㄥ甫鏉ヤ簡宸ㄥぇ鐨勫伐浣滈噺銆�<br /> + <span style="margin: 0.3rem 0;display: inline-block;">2017骞寸殑鍙屽崄涓�鍗冲皢鏉ヤ复锛岄�氳繃IT骞冲彴鎵撻�氱數鍟嗗钩鍙颁笌SAP绯荤粺瀹炵幇鏁版嵁娴佸鎺ワ紝鎻愰珮鐗╂祦鍙戣揣鏁堢巼锛岄檷浣庝汉涓哄嚭閿欑巼锛岄檷浣庝汉宸ユ垚鏈紝宸茬粡杩湪鐪夌潾銆�</span> + 鎺ョ潃锛屽寳浜槑绉戞櫘鍗庨」鐩�荤洃鍏奸」鐩粡鐞嗗垬鐣呭悜涓庝細鍚勪綅浠嬬粛浜嗗寳浜槑绉戝悇绫荤數鍟嗙鐞嗛」鐩疄鏂界粡楠岋紝浠ュ強鏄庣椤圭洰灏嗕細缁欏疂鏃跺緱鐢靛晢绠$悊甯︽潵浠�涔堝彉鍖栥�傚湪鏃堕棿涓婃湰椤圭洰棰勮浠庨」鐩寮忓惎鍔ㄥ悗鐨�2涓湀鍐呭畬鎴愬钩鍙版惌寤恒�佸钩鍙板紑鍙戜笌涓�鏈熷姛鑳藉疄鏂斤紝椤圭洰涓婄嚎銆備簩鏈熷湪涓�鏈熶笂绾垮悗鐨勪竴涓湀鍐呭畬鎴愮浉鍏崇殑寮�鍙戜笌涓婄嚎宸ヤ綔銆� + </p> + <img src="../../img/da2.png" alt=""> </div> + <div class="dynamic_content"> + <p>闅忓悗锛屽寳浜槑绉戝壇鎬荤粡鐞嗗紶瀵岃吹鍚戝疂鏃跺緱浣滃嚭浜嗛」鐩椂闂淬�佹姇鍏ヨ祫婧愪笌骞冲彴璐ㄩ噺涓婄殑鎵胯锛屼互鍙婁粖鍚庣殑涓�浜涘睍鏈涖��</p> + <img src="../../img/da3.png" alt=""> + </div> + <div class="dynamic_content"> + <p>鏈�鍚庯紝涓撲笟宸ュ叿钀ラ攢涓績鏈辨�讳负姝ゆ浼氳鍋氫簡鎬荤粨锛屽苟鎸囧嚭鏈椤圭洰鏃堕棿姣旇緝绱у紶锛屽苟涓斾竴涓婄嚎灏卞皢闈复鍙屽崄涓�鐨勮繖鍦衡�樺ぇ鎴樷�欙紝甯屾湜椤圭洰缁勫洟闃熻兘澶熼珮璐ㄩ噺鐨勫畬鎴愪换鍔°��<br /> + 鐢靛晢骞冲彴椤圭洰灏嗕細缁欏疂鏃跺緱鐢靛晢杩愯惀甯︽潵宸ㄥぇ鍙樺寲銆傝鎴戜滑鍦ㄤ簰鑱旂綉+鐨勫ぇ鏃朵唬鑳屾櫙涓嬶紝閫氳繃鍏ㄦ柊鐨勭數鍟嗙鐞嗗钩鍙帮紝鍏卞悓鍔姏锛屼负瀹濇椂寰楀垱涓嬫柊鐨勯攢鍞紶濂囷紒 + </p> + <img src="../../img/da4.png" alt=""> + </div> + </div> + <div class="dynamic_r"> + <h3>鐑棬鏂囩珷</h3> + <ul class="dynamic_ul"> + <li> + <img src="../../img/caseList.png" alt=""> + <div> + <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规</p> + <span>2017-03-08</span> + </div> + </li> + <li> + <img src="../../img/r2.png" alt=""> + <div> + <p>渚涘簲鍟嗙鐞嗚В鍐虫柟妗�</p> + <span>2017-03-08</span> + </div> + </li> + <li> + <img src="../../img/r3.png" alt=""> + <div> + <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规</p> + <span>2017-03-08</span> + </div> + </li> + <li> + <img src="../../img/r4.png" alt=""> + <div> + <p>鏄庣闃茬獪璐х鐞嗚В鍐虫柟妗�</p> + <span>2017-03-08</span> + </div> + </li> + <li> + <img src="../../img/r5.png" alt=""> + <div> + <p>鏄庣鍞悗鏈嶅姟璺熻釜绯荤粺瑙e喅鏂规</p> + <span>2017-03-08</span> + </div> + </li> + <li> + <img src="../../img/r6.png" alt=""> + <div> + <p>鏄庣璧勪骇鍙婃。妗堢郴缁熻В鍐虫柟妗�</p> + <span>2017-03-08</span> + </div> + </li> + <li> + <img src="../../img/r7.png" alt=""> + <div> + <p>鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规</p> + <span>2017-03-08</span> + </div> + </li> + <li> + <img src="../../img/r8.png" alt=""> + <div> + <p>鏄庣鐢靛瓙鏍囩鎷h揣绯荤粺</p> + <span>2017-03-08</span> + </div> + </li> + </ul> + </div> </div> + <div class="wechat p_hide"> + <div class="title_a">濯掍綋鍚堜綔</div> + <div class="title_c"> + <img src="../../img/code.png" alt=""> + </div> + <div class="title_b">鏇村鍔ㄦ�佽鍏虫敞</div> + <div class="title_b">鏄庣浼佷笟瀹樻柟鍏紬鍙�</div> + </div> + <div class="wrapper dynamic_b"> + <p>涓婁竴绡囷細杩欏凡缁忔槸绗竴绡囦簡 <span>浼佷笟璧勮 | 2017-03-08</span></p> + <p>涓嬩竴绡囷細鏄庣浜у搧璐ㄩ噺瀹夊叏杩芥函绯荤粺瑙e喅鏂规 <span>浼佷笟璧勮 | 2017-03-08</span></p> + </div> + </div> </template> <script> @@ -120,159 +113,154 @@ </script> <style lang="less" scoped> -.dynamic{ + .dynamic { padding-top: 0.31rem; display: flex; -} -.dynamic_l{ + } + .dynamic_l { padding: 0 0.19rem 0.93rem 0; border-bottom: 1px solid #DBDBDB; - h3{ + h3 { + font-size: 0.16rem; + color: #3A3A3C; + } + .dynamic_title { + margin: 0.43rem 0 0.19rem; + text-align: center; + font-size: 0.24rem; + font-weight: bold; + } + .dynamic_subtitle { + text-align: center; + color: #838383; + font-size: 0.18rem; + padding-bottom: 0.19rem; + border-bottom: 1px solid #DBDBDB; + } + .dynamic_content { + p { + font-size: 0.14rem; + color: #3F3F3F; + line-height: 0.24rem; + margin: 0.3rem 0; + } + } + } + @media (max-width: 750px) and (min-width: 0) { + .wechat { + margin-top: 0.77rem; + margin-bottom: 0.5rem; + .title_a { + text-align: center; + font-size:0.36rem; + font-family:PingFang-SC-Medium; + font-weight:500; + color:rgba(55,55,55,1); + line-height:0.21rem; + opacity:0.83; + margin-bottom: 0.39rem; + } + .title_b { + text-align: center; + font-size:0.28rem; + font-family:PingFang-SC-Medium; + font-weight:500; + color:rgba(44,44,45,1); + } + .title_c { + text-align: center; + img { + width: 1.5rem; + } + } + } + + .dynamic { + margin-top: 0.9rem; + } + .dynamic_l .dynamic_title { + font-size: 0.32rem; + } + .dynamic_b-m { + width: 100%; + margin: .5rem 0; + h3 { + width: 100%; + text-align: center; + } + } + .dynamic_b { + display: none; + } + .dynamic_r { + display: none; + } + .dynamic_l { + width: 100%; + padding: 0 .3rem; + border: 0; + > h4 { + display: none; + } + .dynamic_content { + p { + font-size: .28rem; + line-height: .4rem; + } + } + } + } + @media (min-width: 751px) { + .dynamic { + display:flex; + } + .dynamic_b-m { + display: none; + } + .dynamic_b { + padding: .4rem 0; + p { + margin: .1rem 0; + span{ + font-family: MicrosoftYaHei; + font-weight: 400; + color: rgba(175,173,173,1); + margin-left: 0.2rem; + } + } + } + .dynamic_l { + flex: 0.75; + } + .dynamic_r { + flex:0.25; + margin-top: 0.2rem; + h3 { font-size: 0.16rem; - color: #3A3A3C; - } - .dynamic_title{ - margin: 0.43rem 0 0.19rem; - text-align: center; - font-size: 0.24rem; + color:#3A3A3C; font-weight: bold; - } - .dynamic_subtitle{ - text-align: center; - color: #838383; - font-size: 0.18rem; - padding-bottom: 0.19rem; - border-bottom: 1px solid #DBDBDB; - } - .dynamic_content{ - p{ - font-size: 0.14rem; - color: #3F3F3F; - line-height: 0.24rem; - margin: 0.3rem 0; - } - } -} -@media (max-width: 750px) and (min-width: 0){ - .wechat{ - margin-top: 0.77rem; - margin-bottom: 0.5rem; - .title_a{ - text-align: center; - font-size:0.36rem; - font-family:PingFang-SC-Medium; - font-weight:500; - color:rgba(55,55,55,1); - line-height:0.21rem; - opacity:0.83; - margin-bottom: 0.39rem; - } - .title_b{ - text-align: center; - font-size:0.28rem; - font-family:PingFang-SC-Medium; - font-weight:500; - color:rgba(44,44,45,1); - } - .title_c{ - text-align: center; - img{ - width: 1.5rem; - } - } - } - - .dynamic{ - margin-top: 0.9rem; - } - .dynamic_l .dynamic_title{ - font-size: 0.32rem; - } - .dynamic_b-m{ + } + .dynamic_ul { + padding-top: 0.06rem; width: 100%; - margin: .5rem 0; - h3{ - width: 100%; - text-align: center; + li { + display: flex; + margin-top: 0.1rem; + img { + margin-right: .1rem; + } + p { + width: 1.26rem; + font-size: 0.07rem; + color: #676767; + line-height: 0.22rem; + } + span { + font-size: 0.06rem; + color: #AFADAD; + } } + } } - .dynamic_b{ - display: none; - } - .dynamic_r{ - display: none; - } - .dynamic_l{ - width: 100%; - padding: 0 .3rem; - border: 0; - >h4{ - display: none; - } - .dynamic_content { - - p{ - font-size: .28rem; - line-height: .4rem; - } - } - } -} -@media (min-width: 751px) { - .dynamic{ - display:flex; - } - .dynamic_b-m{ - display: none; - } - .dynamic_b{ - padding: .4rem 0; - p{ - margin: .1rem 0; - - span{ - font-family:MicrosoftYaHei; - font-weight:400; - color:rgba(175,173,173,1); - margin-left: 0.2rem; - } - } - } - .dynamic_l{ - flex: 0.75; - } - .dynamic_r{ - flex:0.25; - margin-top: 0.2rem; - - h3{ - font-size: 0.16rem; - color:#3A3A3C; - font-weight: bold; - } - .dynamic_ul{ - padding-top: 0.06rem; - width: 100%; - li{ - display: flex; - margin-top: 0.1rem; - img{ - margin-right: .1rem; - } - p{ - width: 1.26rem; - font-size: 0.07rem; - color: #676767; - line-height: 0.22rem; - } - span{ - font-size: 0.06rem; - color: #AFADAD; - } - - } - } - } -} - + } </style> -- Gitblit v1.8.0