14 Commits 652c183fc8 ... d4a60ea7a9

Autor SHA1 Mensagem Data
  zweizhao d4a60ea7a9 padding 7 anos atrás
  zweizhao 7d21e14683 字体 7 anos atrás
  zweizhao 7f7d71acf1 达标条件隐藏处理 7 anos atrás
  zweizhao 3afb993964 padding 处理 7 anos atrás
  zweizhao a3434c3c85 header继续优化 7 anos atrás
  zweizhao 04c47cabc7 高度处理 7 anos atrás
  zweizhao 6c588b4dd9 认证申请页:会员价格图标不要限定宽度 7 anos atrás
  zweizhao e2cb4f54e8 优化header样式 7 anos atrás
  zweizhao 48f0652656 证书页:认证名称改为动态获取、签名变更 7 anos atrás
  zweizhao c284e88e41 认证证书页跳转申请页参数问题 7 anos atrás
  zweizhao c2442efc97 SSR通用导航的样式问题汇总 7 anos atrás
  zweizhao cdefcbd84d SSR通用底部样式问题汇总 7 anos atrás
  zweizhao f65736d1f9 删除底部行业一栏 7 anos atrás
  zweizhao 285dd5a8e7 底部收起功能 7 anos atrás

BIN
assets/img/cert/.DS_Store


BIN
assets/img/cert/bg.png


+ 146 - 214
components/footer.vue

@@ -8,222 +8,122 @@
         <section class="items">
           <section class="item">
             <span class="name">城市</span>
-            <section class="list">
-              <a href="https://beijing.www.proginn.com/" target="_blank">北京程序员</a>
-              <a href="https://shanghai.www.proginn.com/" target="_blank">上海程序员</a>
-              <a href="https://shenzhen.www.proginn.com/" target="_blank">深圳程序员</a>
-              <a href="https://hangzhou.www.proginn.com/" target="_blank">杭州程序员</a>
-              <a href="https://guangzhou.www.proginn.com/" target="_blank">广州程序员</a>
-              <a href="https://chengdu.www.proginn.com/" target="_blank">成都程序员</a>
-              <a href="https://nanjing.www.proginn.com/" target="_blank">南京程序员</a>
-              <a href="https://wuhan.www.proginn.com/" target="_blank">武汉程序员</a>
-              <a href="https://xian.www.proginn.com/" target="_blank">西安程序员</a>
-              <a href="https://chongqing.www.proginn.com/" target="_blank">重庆程序员</a>
-              <a href="https://changsha.www.proginn.com/" target="_blank">长沙程序员</a>
-              <a href="https://xiamen.www.proginn.com/" target="_blank">厦门程序员</a>
-              <a href="https://zhengzhou.www.proginn.com/" target="_blank">郑州程序员</a>
-              <a href="https://tianjin.www.proginn.com/" target="_blank">天津程序员</a>
-              <a href="https://jinan.www.proginn.com/" target="_blank">济南 程序员</a>
-              <a href="https://suzhou.www.proginn.com/" target="_blank">苏州程序员</a>
-              <a href="https://hefei.www.proginn.com/" target="_blank">合肥程序员</a>
-              <a href="https://fuzhou.www.proginn.com/" target="_blank">福州程序员</a>
-              <a href="https://qingdao.www.proginn.com/" target="_blank">青岛程序员</a>
-              <a href="https://dalian.www.proginn.com/" target="_blank">大连程序员</a>
-              <a href="https://shenyang.www.proginn.com/" target="_blank">沈阳程序员</a>
-              <a href="https://shijiazhuang.www.proginn.com/" target="_blank">石家庄程序员</a>
-              <a href="https://zhuhai.www.proginn.com/" target="_blank">珠海程序员</a>
-              <a href="https://wuxi.www.proginn.com/" target="_blank">无锡程序员</a>
-              <a href="https://taiyuan.www.proginn.com/" target="_blank">太原程序员</a>
-              <a href="https://nanchang.www.proginn.com/" target="_blank">南昌程序员</a>
-              <a href="https://haerbin.www.proginn.com/" target="_blank">哈尔滨程序员</a>
-              <a href="https://nanning.www.proginn.com/" target="_blank">南宁程序员</a>
-              <a href="https://ningbo.www.proginn.com/" target="_blank">宁波程序员</a>
-              <a href="https://kunming.www.proginn.com/" target="_blank">昆明程序员</a>
-              <a href="https://dongguan.www.proginn.com/" target="_blank">东莞程序员</a>
-              <a href="https://guiyang.www.proginn.com/" target="_blank">贵阳程序员</a>
-              <a href="https://america.www.proginn.com/" target="_blank">美国程序员</a>
-              <a href="https://wenzhou.www.proginn.com/" target="_blank">温州程序员</a>
-              <a href="https://changchun.www.proginn.com/" target="_blank">长春程序员</a>
-              <a href="https://foshan.www.proginn.com/" target="_blank">佛山程序员</a>
-              <a href="https://changzhou.www.proginn.com/" target="_blank">常州程序员</a>
-              <a href="https://lanzhou.www.proginn.com/" target="_blank">兰州程序员</a>
-              <a href="https://huhehaote.www.proginn.com/" target="_blank">呼和浩特程序员</a>
-              <a href="https://wulumuqi.www.proginn.com/" target="_blank">乌鲁木齐程序员</a>
-              <a href="https://zhongshan.www.proginn.com/" target="_blank">中山程序员</a>
-              <a href="https://haikou.www.proginn.com/" target="_blank">海口程序员</a>
-              <a href="https://shantou.www.proginn.com/" target="_blank">汕头程序员</a>
-              <a href="https://yantai.www.proginn.com/" target="_blank">烟台程序员</a>
-              <a href="https://jiaxing.www.proginn.com/" target="_blank">嘉兴程序员</a>
-              <a href="https://ganzhou.www.proginn.com/" target="_blank">赣州程序员</a>
-              <a href="https://shaoxing.www.proginn.com/" target="_blank">绍兴程序员</a>
-              <a href="https://quanzhou.www.proginn.com/" target="_blank">泉州程序员</a>
-              <a href="https://hongkong.www.proginn.com/" target="_blank">香港程序员</a>
-              <a href="https://guilin.www.proginn.com/" target="_blank">桂林程序员</a>
-              <a href="https://luoyang.www.proginn.com/" target="_blank">洛阳程序员</a>
-              <a href="https://xuzhou.www.proginn.com/" target="_blank">徐州程序员</a>
-              <a href="https://singapore.www.proginn.com/" target="_blank">新加坡程序员</a>
-              <a href="https://taizhou.www.proginn.com/" target="_blank">台州程序员</a>
-              <a href="https://yangzhou.www.proginn.com/" target="_blank">扬州程序员</a>
-              <a href="https://yinchuan.www.proginn.com/" target="_blank">银川程序员</a>
-              <a href="https://newzealand.www.proginn.com/" target="_blank">新西兰程序员</a>
+            <section class="list" :class="{expand: isCity}">
+              <a href="https://www.proginn.com/cat/beijing/" target="_blank">北京程序员</a>
+              <a href="https://www.proginn.com/cat/shanghai/" target="_blank">上海程序员</a>
+              <a href="https://www.proginn.com/cat/shenzhen/" target="_blank">深圳程序员</a>
+              <a href="https://www.proginn.com/cat/hangzhou/" target="_blank">杭州程序员</a>
+              <a href="https://www.proginn.com/cat/guangzhou/" target="_blank">广州程序员</a>
+              <a href="https://www.proginn.com/cat/chengdu/" target="_blank">成都程序员</a>
+              <a href="https://www.proginn.com/cat/nanjing/" target="_blank">南京程序员</a>
+              <a href="https://www.proginn.com/cat/wuhan/" target="_blank">武汉程序员</a>
+              <a href="https://www.proginn.com/cat/xian/" target="_blank">西安程序员</a>
+              <a href="https://www.proginn.com/cat/chongqing/" target="_blank">重庆程序员</a>
+              <a href="https://www.proginn.com/cat/changsha/" target="_blank">长沙程序员</a>
+              <a href="https://www.proginn.com/cat/xiamen/" target="_blank">厦门程序员</a>
+              <a href="https://www.proginn.com/cat/zhengzhou/" target="_blank">郑州程序员</a>
+              <a href="https://www.proginn.com/cat/tianjin/" target="_blank">天津程序员</a>
+              <a href="https://www.proginn.com/cat/jinan/" target="_blank">济南 程序员</a>
+              <a href="https://www.proginn.com/cat/suzhou/" target="_blank">苏州程序员</a>
+              <a href="https://www.proginn.com/cat/hefei/" target="_blank">合肥程序员</a>
+              <a href="https://www.proginn.com/cat/fuzhou/" target="_blank">福州程序员</a>
+              <a href="https://www.proginn.com/cat/qingdao/" target="_blank">青岛程序员</a>
+              <a href="https://www.proginn.com/cat/dalian/" target="_blank">大连程序员</a>
+              <a href="https://www.proginn.com/cat/shenyang/" target="_blank">沈阳程序员</a>
+              <a href="https://www.proginn.com/cat/shijiazhuang/" target="_blank">石家庄程序员</a>
+              <a href="https://www.proginn.com/cat/zhuhai/" target="_blank">珠海程序员</a>
+              <a href="https://www.proginn.com/cat/wuxi/" target="_blank">无锡程序员</a>
+              <a href="https://www.proginn.com/cat/taiyuan/" target="_blank">太原程序员</a>
+              <a href="https://www.proginn.com/cat/nanchang/" target="_blank">南昌程序员</a>
+              <a href="https://www.proginn.com/cat/haerbin/" target="_blank">哈尔滨程序员</a>
+              <a href="https://www.proginn.com/cat/nanning/" target="_blank">南宁程序员</a>
+              <a href="https://www.proginn.com/cat/ningbo/" target="_blank">宁波程序员</a>
+              <a href="https://www.proginn.com/cat/kunming/" target="_blank">昆明程序员</a>
+              <a href="https://www.proginn.com/cat/dongguan/" target="_blank">东莞程序员</a>
+              <a href="https://www.proginn.com/cat/guiyang/" target="_blank">贵阳程序员</a>
+              <a href="https://www.proginn.com/cat/america/" target="_blank">美国程序员</a>
+              <a href="https://www.proginn.com/cat/wenzhou/" target="_blank">温州程序员</a>
+              <a href="https://www.proginn.com/cat/changchun/" target="_blank">长春程序员</a>
+              <a href="https://www.proginn.com/cat/foshan/" target="_blank">佛山程序员</a>
+              <a href="https://www.proginn.com/cat/changzhou/" target="_blank">常州程序员</a>
+              <a href="https://www.proginn.com/cat/lanzhou/" target="_blank">兰州程序员</a>
+              <a href="https://www.proginn.com/cat/huhehaote/" target="_blank">呼和浩特程序员</a>
+              <a href="https://www.proginn.com/cat/wulumuqi/" target="_blank">乌鲁木齐程序员</a>
+              <a href="https://www.proginn.com/cat/zhongshan/" target="_blank">中山程序员</a>
+              <a href="https://www.proginn.com/cat/haikou/" target="_blank">海口程序员</a>
+              <a href="https://www.proginn.com/cat/shantou/" target="_blank">汕头程序员</a>
+              <a href="https://www.proginn.com/cat/yantai/" target="_blank">烟台程序员</a>
+              <a href="https://www.proginn.com/cat/jiaxing/" target="_blank">嘉兴程序员</a>
+              <a href="https://www.proginn.com/cat/ganzhou/" target="_blank">赣州程序员</a>
+              <a href="https://www.proginn.com/cat/shaoxing/" target="_blank">绍兴程序员</a>
+              <a href="https://www.proginn.com/cat/quanzhou/" target="_blank">泉州程序员</a>
+              <a href="https://www.proginn.com/cat/hongkong/" target="_blank">香港程序员</a>
+              <a href="https://www.proginn.com/cat/guilin/" target="_blank">桂林程序员</a>
+              <a href="https://www.proginn.com/cat/luoyang/" target="_blank">洛阳程序员</a>
+              <a href="https://www.proginn.com/cat/xuzhou/" target="_blank">徐州程序员</a>
+              <a href="https://www.proginn.com/cat/singapore/" target="_blank">新加坡程序员</a>
+              <a href="https://www.proginn.com/cat/taizhou/" target="_blank">台州程序员</a>
+              <a href="https://www.proginn.com/cat/yangzhou/" target="_blank">扬州程序员</a>
+              <a href="https://www.proginn.com/cat/yinchuan/" target="_blank">银川程序员</a>
+              <a href="https://www.proginn.com/cat/newzealand/" target="_blank">新西兰程序员</a>
             </section>
-            <span class="more" style="display: inline;">更多</span>
-          </section>
-          <section class="item">
-            <span class="name">行业</span>
-            <section class="list">
-              <a href="https://www.proginn.com/dianzishangwu/" target="_blank">电子商务网站建设</a>
-              <a href="https://www.proginn.com/b2c/" target="_blank">B2C网站建设</a>
-              <a href="https://www.proginn.com/b2b/" target="_blank">B2B网站建设</a>
-              <a href="https://www.proginn.com/c2c/" target="_blank">C2C网站建设</a>
-              <a href="https://www.proginn.com/daogoufanli/" target="_blank">导购返利网站建设</a>
-              <a href="https://www.proginn.com/tuangou/" target="_blank">团购网站建设</a>
-              <a href="https://www.proginn.com/dianzishangwuqt/" target="_blank">电子商务其他网站建设</a>
-              <a href="https://www.proginn.com/shejiao/" target="_blank">社交网站建设</a>
-              <a href="https://www.proginn.com/shequluntan/" target="_blank">社区论坛网站建设</a>
-              <a href="https://www.proginn.com/hunlianshejiao/" target="_blank">婚恋社交网站建设</a>
-              <a href="https://www.proginn.com/quweishejiao/" target="_blank">趣味社交网站建设</a>
-              <a href="https://www.proginn.com/im/" target="_blank">IM网站建设</a>
-              <a href="https://www.proginn.com/moshengrenshejiao/" target="_blank">陌生人社交网站建设</a>
-              <a href="https://www.proginn.com/zhinengyingjian/" target="_blank">智能硬件网站建设</a>
-              <a href="https://www.proginn.com/zhinengjiaju/" target="_blank">智能家居网站建设</a>
-              <a href="https://www.proginn.com/kechuandaishebei/" target="_blank">可穿戴设备网站建设</a>
-              <a href="https://www.proginn.com/zhinengpeijian/" target="_blank">智能配件设备网站建设</a>
-              <a href="https://www.proginn.com/jiqiren/" target="_blank">机器人网站建设</a>
-              <a href="https://www.proginn.com/wurenji/" target="_blank">无人机网站建设</a>
-              <a href="https://www.proginn.com/vrar/" target="_blank">VR/AR网站建设</a>
-              <a href="https://www.proginn.com/zhinengchuxing/" target="_blank">智能出行网站建设</a>
-              <a href="https://www.proginn.com/meitimenhu/" target="_blank">媒体门户网站建设</a>
-              <a href="https://www.proginn.com/xinwen/" target="_blank">新闻网站建设</a>
-              <a href="https://www.proginn.com/chuizhimeiti/" target="_blank">垂直媒体网站建设</a>
-              <a href="https://www.proginn.com/menhu/" target="_blank">门户网站建设</a>
-              <a href="https://www.proginn.com/wangzhisuoyin/" target="_blank">网址索引网站建设</a>
-              <a href="https://www.proginn.com/qiyewangzhan/" target="_blank">企业网站网站建设</a>
-              <a href="https://www.proginn.com/gongjuruanjian/" target="_blank">工具软件网站建设</a>
-              <a href="https://www.proginn.com/xitong/" target="_blank">系统网站建设</a>
-              <a href="https://www.proginn.com/richangyingyong/" target="_blank">日常应用网站建设</a>
-              <a href="https://www.proginn.com/tupiansheying/" target="_blank">图片摄影网站建设</a>
-              <a href="https://www.proginn.com/bangongruanjian/" target="_blank">办公软件网站建设</a>
-              <a href="https://www.proginn.com/zhuanyegongju/" target="_blank">专业工具网站建设</a>
-              <a href="https://www.proginn.com/wangluoyunpan/" target="_blank">网络云盘网站建设</a>
-              <a href="https://www.proginn.com/xiaofeishenghuo/" target="_blank">消费生活网站建设</a>
-              <a href="https://www.proginn.com/waimai/" target="_blank">外卖网站建设</a>
-              <a href="https://www.proginn.com/meishicaipu/" target="_blank">美食菜谱网站建设</a>
-              <a href="https://www.proginn.com/meirongmeijia/" target="_blank">美容美甲网站建设</a>
-              <a href="https://www.proginn.com/muying/" target="_blank">母婴网站建设</a>
-              <a href="https://www.proginn.com/jinrong/" target="_blank">金融网站建设</a>
-              <a href="https://www.proginn.com/licai/" target="_blank">理财网站建设</a>
-              <a href="https://www.proginn.com/p2p/" target="_blank">P2P网站建设</a>
-              <a href="https://www.proginn.com/zhongchou/" target="_blank">众筹网站建设</a>
-              <a href="https://www.proginn.com/gupiao/" target="_blank">股票网站建设</a>
-              <a href="https://www.proginn.com/baoxian/" target="_blank">保险网站建设</a>
-              <a href="https://www.proginn.com/disanfangzhifu/" target="_blank">第三方支付网站建设</a>
-              <a href="https://www.proginn.com/xunihuobi/" target="_blank">虚拟货币网站建设</a>
-              <a href="https://www.proginn.com/dashujuzhengxin/" target="_blank">大数据征信网站建设</a>
-              <a href="https://www.proginn.com/jinrongqt/" target="_blank">金融其他网站建设</a>
-              <a href="https://www.proginn.com/yiliaojiankang/" target="_blank">医疗健康网站建设</a>
-              <a href="https://www.proginn.com/yangshenbaojian/" target="_blank">养身保健网站建设</a>
-              <a href="https://www.proginn.com/yihuanwenda/" target="_blank">医患问答网站建设</a>
-              <a href="https://www.proginn.com/guahaopeizhen/" target="_blank">挂号陪诊网站建设</a>
-              <a href="https://www.proginn.com/zhuankemenhu/" target="_blank">专科门户网站建设</a>
-              <a href="https://www.proginn.com/jiyinjiance/" target="_blank">基因检测网站建设</a>
-              <a href="https://www.proginn.com/qiyefuwu/" target="_blank">企业服务网站建设</a>
-              <a href="https://www.proginn.com/ruanjiankaifa/" target="_blank">行业软件网站建设</a>
-              <a href="https://www.proginn.com/zhaopin/" target="_blank">招聘网站建设</a>
-              <a href="https://www.proginn.com/yunfuwu/" target="_blank">云服务网站建设</a>
-              <a href="https://www.proginn.com/shujufuwu/" target="_blank">数据服务网站建设</a>
-              <a href="https://www.proginn.com/anquanfuwu/" target="_blank">安全服务网站建设</a>
-              <a href="https://www.proginn.com/ota/" target="_blank">OTA网站建设</a>
-              <a href="https://www.proginn.com/lvyoudujia/" target="_blank">旅游度假网站建设</a>
-              <a href="https://www.proginn.com/yundongjianshen/" target="_blank">运动健身网站建设</a>
-              <a href="https://www.proginn.com/fangchanjiaju/" target="_blank">房产家居网站建设</a>
-              <a href="https://www.proginn.com/shuziyule/" target="_blank">数字娱乐网站建设</a>
-              <a href="https://www.proginn.com/youxi/" target="_blank">游戏网站建设</a>
-              <a href="https://www.proginn.com/dongman/" target="_blank">动漫网站建设</a>
-              <a href="https://www.proginn.com/yinyue/" target="_blank">音乐网站建设</a>
-              <a href="https://www.proginn.com/shipin/" target="_blank">视频网站建设</a>
-              <a href="https://www.proginn.com/yuedu/" target="_blank">阅读网站建设</a>
-              <a href="https://www.proginn.com/zaixianjiaoyu/" target="_blank">在线教育网站建设</a>
-              <a href="https://www.proginn.com/zaojiao/" target="_blank">早教网站建设</a>
-              <a href="https://www.proginn.com/k12/" target="_blank">K12网站建设</a>
-              <a href="https://www.proginn.com/gaodengjiaoyu/" target="_blank">高等教育网站建设</a>
-              <a href="https://www.proginn.com/zhiyejinengpeixun/" target="_blank">职业技能培训网站建设</a>
-              <a href="https://www.proginn.com/jiaoyuxinxi/" target="_blank">教育信息网站建设</a>
-              <a href="https://www.proginn.com/yuyanxuexi/" target="_blank">语言学习网站建设</a>
-              <a href="https://www.proginn.com/liuyanfuwu/" target="_blank">留学服务网站建设</a>
-              <a href="https://www.proginn.com/xingqujiaoyu/" target="_blank">兴趣教育网站建设</a>
-              <a href="https://www.proginn.com/chuxingyongche/" target="_blank">出行用车网站建设</a>
-              <a href="https://www.proginn.com/wuliu/" target="_blank">物流网站建设</a>
-              <a href="https://www.proginn.com/shejiaoqt/" target="_blank">社交其他网站建设</a>
-              <a href="https://www.proginn.com/zhinengyingjianqt/" target="_blank">智能硬件其他网站建设</a>
-              <a href="https://www.proginn.com/meitimenhuqt/" target="_blank">媒体门户其他网站建设</a>
-              <a href="https://www.proginn.com/ditu/" target="_blank">地图网站建设</a>
-              <a href="https://www.proginn.com/xiaofeishenghuoqt/" target="_blank">消费生活其他网站建设</a>
-              <a href="https://www.proginn.com/yiliaojiankangqt/" target="_blank">医疗健康其他网站建设</a>
-              <a href="https://www.proginn.com/qiyefuwuqt/" target="_blank">企业服务其他网站建设</a>
-              <a href="https://www.proginn.com/shuziyuleqt/" target="_blank">数字娱乐其他网站建设</a>
-              <a href="https://www.proginn.com/zaixianjiaoyuqt/" target="_blank">在线教育其他网站建设</a>
-              <a href="https://www.proginn.com/gongjuruanjianqt/" target="_blank">工具软件其他网站建设</a>
-              <a href="https://www.proginn.com/hyqt/" target="_blank">其它网站建设</a>
-              <a href="https://www.proginn.com/hyqtqt/" target="_blank">其它网站建设</a>
-            </section>
-            <span class="more" style="display: inline;">更多</span>
+            <span class="more" style="display: inline;" @click="clickMore('city')">{{isCity ? '收起' : '更多'}}</span>
           </section>
           <section class="item">
             <span class="name">方向</span>
-            <section class="list">
-              <a href="https://www.proginn.com/houduan/" target="_blank">后端工程师</a>
-              <a href="https://www.proginn.com/yidongduan/" target="_blank">移动端工程师</a>
-              <a href="https://www.proginn.com/qianduan/" target="_blank">前端工程师</a>
-              <a href="https://www.proginn.com/dba/" target="_blank">DBA工程师</a>
-              <a href="https://www.proginn.com/sheji/" target="_blank">设计师</a>
-              <a href="https://www.proginn.com/chanpin/" target="_blank">产品经理</a>
-              <a href="https://www.proginn.com/fxqita/" target="_blank">其他</a>
-              <a href="https://www.proginn.com/ceshi/" target="_blank">测试</a>
-              <a href="https://www.proginn.com/yunwei/" target="_blank">运维工程师</a>
-              <a href="https://www.proginn.com/game/" target="_blank">游戏工程师</a>
-              <a href="https://www.proginn.com/xiaochengxu/" target="_blank">小程序</a>
-              <a href="https://www.proginn.com/java/" target="_blank">Java</a>
-              <a href="https://www.proginn.com/cpp/" target="_blank">C++</a>
-              <a href="https://www.proginn.com/php/" target="_blank">PHP</a>
-              <a href="https://www.proginn.com/c/" target="_blank">C</a>
-              <a href="https://www.proginn.com/csharp/" target="_blank">C#</a>
-              <a href="https://www.proginn.com/python/" target="_blank">Python</a>
-              <a href="https://www.proginn.com/ruby/" target="_blank">Ruby</a>
-              <a href="https://www.proginn.com/nodejs/" target="_blank">Node.js</a>
-              <a href="https://www.proginn.com/android/" target="_blank">Android</a>
-              <a href="https://www.proginn.com/ios/" target="_blank">iOS</a>
-              <a href="https://www.proginn.com/dqianduan/" target="_blank">前端工程师</a>
-              <a href="https://www.proginn.com/ui/" target="_blank">UI设计师</a>
-              <a href="https://www.proginn.com/yhs/" target="_blank">原画师</a>
-              <a href="https://www.proginn.com/cpjl/" target="_blank">产品经理</a>
-              <a href="https://www.proginn.com/xmjl/" target="_blank">项目经理</a>
-              <a href="https://www.proginn.com/chanpinqita/" target="_blank">产品其它</a>
-              <a href="https://www.proginn.com/operation/" target="_blank">运营</a>
-              <a href="https://www.proginn.com/hr/" target="_blank">HR</a>
-              <a href="https://www.proginn.com/architect/" target="_blank">架构师</a>
-              <a href="https://www.proginn.com/cto/" target="_blank">CTO</a>
-              <a href="https://www.proginn.com/creator/" target="_blank">创始人</a>
-              <a href="https://www.proginn.com/partner/" target="_blank">合伙人</a>
-              <a href="https://www.proginn.com/fullstack/" target="_blank">全栈</a>
-              <a href="https://www.proginn.com/ue/" target="_blank">UE设计师</a>
-              <a href="https://www.proginn.com/go/" target="_blank">Go</a>
-              <a href="https://www.proginn.com/hdqt/" target="_blank">后端其他</a>
-              <a href="https://www.proginn.com/ydqt/" target="_blank">移动其他</a>
-              <a href="https://www.proginn.com/csgcs/" target="_blank">测试工程师</a>
-              <a href="https://www.proginn.com/ywgcs/" target="_blank">运维工程师</a>
-              <a href="https://www.proginn.com/ddba/" target="_blank">DBA工程师</a>
-              <a href="https://www.proginn.com/shejiqita/" target="_blank">设计其它</a>
-              <a href="https://www.proginn.com/unity3d/" target="_blank">Unity3D</a>
-              <a href="https://www.proginn.com/cocos2dx/" target="_blank">cocos2d-x</a>
-              <a href="https://www.proginn.com/yxqt/" target="_blank">游戏其它</a>
-              <a href="https://www.proginn.com/xiaochengxu1/" target="_blank">小程序</a>
+            <section class="list" :class="{expand: isDirection}">
+              <a href="https://www.proginn.com/cat/houduan/" target="_blank">后端工程师</a>
+              <a href="https://www.proginn.com/cat/yidongduan/" target="_blank">移动端工程师</a>
+              <a href="https://www.proginn.com/cat/qianduan/" target="_blank">前端工程师</a>
+              <a href="https://www.proginn.com/cat/dba/" target="_blank">DBA工程师</a>
+              <a href="https://www.proginn.com/cat/sheji/" target="_blank">设计师</a>
+              <a href="https://www.proginn.com/cat/chanpin/" target="_blank">产品经理</a>
+              <a href="https://www.proginn.com/cat/fxqita/" target="_blank">其他</a>
+              <a href="https://www.proginn.com/cat/ceshi/" target="_blank">测试</a>
+              <a href="https://www.proginn.com/cat/yunwei/" target="_blank">运维工程师</a>
+              <a href="https://www.proginn.com/cat/game/" target="_blank">游戏工程师</a>
+              <a href="https://www.proginn.com/cat/xiaochengxu/" target="_blank">小程序</a>
+              <a href="https://www.proginn.com/cat/java/" target="_blank">Java</a>
+              <a href="https://www.proginn.com/cat/cpp/" target="_blank">C++</a>
+              <a href="https://www.proginn.com/cat/php/" target="_blank">PHP</a>
+              <a href="https://www.proginn.com/cat/c/" target="_blank">C</a>
+              <a href="https://www.proginn.com/cat/csharp/" target="_blank">C#</a>
+              <a href="https://www.proginn.com/cat/python/" target="_blank">Python</a>
+              <a href="https://www.proginn.com/cat/ruby/" target="_blank">Ruby</a>
+              <a href="https://www.proginn.com/cat/nodejs/" target="_blank">Node.js</a>
+              <a href="https://www.proginn.com/cat/android/" target="_blank">Android</a>
+              <a href="https://www.proginn.com/cat/ios/" target="_blank">iOS</a>
+              <a href="https://www.proginn.com/cat/dqianduan/" target="_blank">前端工程师</a>
+              <a href="https://www.proginn.com/cat/ui/" target="_blank">UI设计师</a>
+              <a href="https://www.proginn.com/cat/yhs/" target="_blank">原画师</a>
+              <a href="https://www.proginn.com/cat/cpjl/" target="_blank">产品经理</a>
+              <a href="https://www.proginn.com/cat/xmjl/" target="_blank">项目经理</a>
+              <a href="https://www.proginn.com/cat/chanpinqita/" target="_blank">产品其它</a>
+              <a href="https://www.proginn.com/cat/operation/" target="_blank">运营</a>
+              <a href="https://www.proginn.com/cat/hr/" target="_blank">HR</a>
+              <a href="https://www.proginn.com/cat/architect/" target="_blank">架构师</a>
+              <a href="https://www.proginn.com/cat/cto/" target="_blank">CTO</a>
+              <a href="https://www.proginn.com/cat/creator/" target="_blank">创始人</a>
+              <a href="https://www.proginn.com/cat/partner/" target="_blank">合伙人</a>
+              <a href="https://www.proginn.com/cat/fullstack/" target="_blank">全栈</a>
+              <a href="https://www.proginn.com/cat/ue/" target="_blank">UE设计师</a>
+              <a href="https://www.proginn.com/cat/go/" target="_blank">Go</a>
+              <a href="https://www.proginn.com/cat/hdqt/" target="_blank">后端其他</a>
+              <a href="https://www.proginn.com/cat/ydqt/" target="_blank">移动其他</a>
+              <a href="https://www.proginn.com/cat/csgcs/" target="_blank">测试工程师</a>
+              <a href="https://www.proginn.com/cat/ywgcs/" target="_blank">运维工程师</a>
+              <a href="https://www.proginn.com/cat/ddba/" target="_blank">DBA工程师</a>
+              <a href="https://www.proginn.com/cat/shejiqita/" target="_blank">设计其它</a>
+              <a href="https://www.proginn.com/cat/unity3d/" target="_blank">Unity3D</a>
+              <a href="https://www.proginn.com/cat/cocos2dx/" target="_blank">cocos2d-x</a>
+              <a href="https://www.proginn.com/cat/yxqt/" target="_blank">游戏其它</a>
+              <a href="https://www.proginn.com/cat/xiaochengxu1/" target="_blank">小程序</a>
             </section>
-            <span class="more" style="display: inline;">更多</span>
+            <span class="more" style="display: inline;" @click="clickMore('direction')">{{isDirection ? '收起' : '更多'}}</span>
           </section>
           <section class="item">
             <span class="name">推荐</span>
-            <section class="list">
+            <section class="list" :class="{expand: isRecommend}">
               <a href="https://www.proginn.com/wo/186213" target="_blank">程序员客栈高级产品经理</a>
               <a href="https://www.proginn.com/wo/186208" target="_blank">东方财富网微信小程序</a>
               <a href="https://www.proginn.com/wo/186204" target="_blank">有货嗯呀</a>
@@ -245,7 +145,7 @@
               <a href="https://www.proginn.com/wo/64168" target="_blank">百度高级移动端工程师</a>
               <a href="https://www.proginn.com/wo/50683" target="_blank">Test</a>
             </section>
-            <span class="more" style="display: inline;">更多</span>
+            <span class="more" style="display: inline;" @click="clickMore('recommend')">{{isRecommend ? '收起' : '更多'}}</span>
           </section>
         </section>
       </section>
@@ -284,7 +184,28 @@
 
 <script>
 export default {
-
+  data() {
+    return {
+      isCity: false,
+      isBusiness: false,
+      isDirection: false,
+      isRecommend: false,
+    }
+  },
+  methods: {
+    clickMore(type) {
+      switch(type) {
+        case 'city': this.isCity = !this.isCity
+        break
+        case 'business': this.isBusiness = !this.isBusiness
+        break
+        case 'direction': this.isDirection = !this.isDirection
+        break
+        case 'recommend': this.isRecommend = !this.isRecommend
+        break
+      }
+    }
+  }
 }
 </script>
 
@@ -312,20 +233,21 @@ export default {
 }
 .logo {
   width: 115px;
-  height: auto;
+  height: 38px;
+  margin-top: 10px;
 }
 .items {
   display: flex;
   flex-direction: column;
   align-items: center;
-  margin: 0 0 0 100px;
+  width: 840px;
 }
 .item {
   display: flex;
-  align-items: center;
 }
 .name {
-  font-weight: 700;
+  line-height: 30px;
+  font-weight: 800;
 }
 .list {
   --height: 30px;
@@ -339,6 +261,9 @@ export default {
   display: inline-block;
   margin: 0 0 0 15px;
 }
+.expand {
+  height: auto;
+}
 .footer-container a,
 .list a {
   color: #4a4a4a;
@@ -362,4 +287,11 @@ export default {
 .safe a {
   margin: 0;
 }
+.more {
+  line-height: 30px;
+  cursor: pointer;
+}
+.more:hover {
+  color: #1782d9;
+}
 </style>

+ 32 - 9
components/header.vue

@@ -2,7 +2,7 @@
   <section id="proginn-header">
     <section class="list">
       <a href="/" class="nav-item">
-        <img class="logo" src="https://dev.test.proginn.com/Public/image/common/logo_new.png">
+        <img class="logo" src="https://stacdn.proginn.com/image/common/logo3@2x.png">
       </a>
       <a href="/" class="nav-item">首页</a>
       <a href="/cloud?from=top_nav" class="nav-item">云端工作</a>
@@ -24,7 +24,7 @@
       </section>
       <template v-if="userinfo.icon_url">
         <el-dropdown class="nav-dropdown">
-          <el-button type="text" style="color: #515151;">
+          <el-button type="text" style="color: #515151;font-size: 15px;">
             <i class="el-icon-tickets"></i>工作台
           </el-button>
           <el-dropdown-menu slot="dropdown">
@@ -51,9 +51,12 @@
           </el-dropdown-menu>
         </el-dropdown>
         <el-dropdown class="nav-dropdown">
-          <el-button type="text" class="message-box" style="color: #515151;">
+          <el-button type="text" class="message-box" style="color: #515151;font-size: 15px;">
             <i class="el-icon-message"></i>消息
-            <span class="message-count message-total">{{messageCount.total}}</span>
+            <span
+              v-if="messageCount.total > 0"
+              class="message-count message-total"
+            >{{messageCount.total}}</span>
           </el-button>
           <el-dropdown-menu slot="dropdown">
             <el-dropdown-item class="message-box" @click.native="clickMessages('/message/system')">
@@ -96,7 +99,7 @@
                 alt="vip-icon"
               >
             </a>
-            <span class="nickname dib">{{userinfo.nickname}}</span>
+            <span class="nickname">{{userinfo.nickname}}</span>
           </section>
           <section class="menu">
             <section v-if="userinfo.vip_type_id" class="vip-info vip-info-com">
@@ -215,15 +218,27 @@ export default {
 }
 .nav-item {
   display: flex;
-  height: 80px;
+  height: 83px;
   align-items: center;
   font-size: 15px;
   color: #515151;
+  /* padding: 0 15px; */
+  box-sizing: border-box;
+}
+.nav-item:first-child {
+  padding: 0;
+}
+.nav-item:nth-child(n + 2):hover {
+  color: #1782d9;
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid #1782d9;
 }
 .nav-dropdown,
 .nav-popover {
   --imgWidth: 28px;
   height: 40px;
+  display: flex;
+  align-items: center;
 }
 .nav-popover > .ref {
   display: flex;
@@ -233,10 +248,10 @@ export default {
   position: relative;
   width: var(--imgWidth);
   height: var(--imgWidth);
-  margin-right: 10px;
+  margin-right: 5px;
 }
 .logo {
-  width: 120px;
+  width: 140px;
   height: auto;
 }
 .input {
@@ -245,16 +260,21 @@ export default {
   border-radius: 20px;
   background: #f6f6f6;
   padding: 0 40px;
+  border: 1px solid #ebebeb;
+  font-size: 13px;
 }
 
 .el-icon-search {
   position: absolute;
   top: 12px;
   right: 20px;
-  transform: scale(1.5);
   color: grey;
   cursor: pointer;
 }
+.el-icon-search::before {
+  font-size: 14px;
+  font-weight: 800;
+}
 i {
   margin-right: 4px;
 }
@@ -307,6 +327,9 @@ span.other-icon {
   display: block;
   margin-left: 30px;
 }
+.nickname {
+  font-size: 15px;
+}
 .vip-info {
   display: flex;
   flex-direction: column;

+ 7 - 7
pages/cert/apply.vue

@@ -1,10 +1,10 @@
 <template>
   <proginn-page>
-    <section class="freelancer">
-      <section class="freelancer-top">
+    <section class="apply">
+      <section class="apply-top">
         <h1>{{detail.name}}认证</h1>
         <section class="info" v-html="detail.description"/>
-        <section class="cert-quals">
+        <section v-if="conditions.length" class="cert-quals">
           <section class="cert-qual" v-for="(item, index) of conditions" :key="index">
             <section class="qual-status" :class="{'qual-completed': item.is_completed}">
               <div class="qual-point"></div>
@@ -123,13 +123,12 @@ export default {
 </script>
 
 <style>
-.freelancer {
+.apply {
   width: 1000px;
   border-radius: 4px;
   margin: 20px 0 0;
-  padding: 8px;
 }
-.freelancer-top {
+.apply-top {
   background: white;
   padding: 20px;
 }
@@ -180,8 +179,9 @@ a {
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  width: 122px;
+  /* width: 122px; */
   height: 22px;
+  padding: 0 10px;
   font-size: 12px;
   font-family: PingFangSC-Semibold;
   font-weight: 600;

+ 31 - 3
pages/cert/detail.vue

@@ -11,7 +11,7 @@
           <section style="width: 850px;">
             <a :href="detail.seo_uri">开发者个人主页 ></a>
             <br>
-            <nuxt-link :to="`/cert/apply?id=${detail.id}`">{{detail.name}}认证标准 ></nuxt-link>
+            <nuxt-link :to="`/cert/apply?type=${detail.cert_id}`">{{detail.name}}认证标准 ></nuxt-link>
           </section>
         </template>
         <h1 v-else>未查询到证书</h1>
@@ -84,11 +84,39 @@ export default {
         , text = ''
       // 背景
       ctx.drawImage(img, 0, 0, 850, 520)
+
+      // 证书英文名
+      let englishName = detail.english_name.toUpperCase()
+      ctx.font = '43px 微软雅黑'
+      textWidth = ctx.measureText(englishName).width
+      ctx.save()
+      ctx.fillStyle = 'rgb(44, 108, 195)'
+      ctx.fillText(englishName, canvasWidth / 2 - textWidth / 2, 160)
+
+      // 两条线
+      let lineStartLeft = canvasWidth / 2 - textWidth / 2
+      ctx.beginPath()
+      ctx.moveTo(lineStartLeft, 170)
+      ctx.lineTo(textWidth + lineStartLeft, 170)
+      ctx.moveTo(lineStartLeft, 174)
+      ctx.lineTo(textWidth + lineStartLeft, 174)
+      ctx.lineWidth = 1
+      ctx.strokeStyle = 'rgb(44, 108, 195)'
+      ctx.stroke()
+
+      // 证书名
+      let name = detail.name.toUpperCase()
+      ctx.beginPath()
+      ctx.font = '32px 微软雅黑'
+      textWidth = ctx.measureText(name).width
+      ctx.fillText(name, canvasWidth / 2 - textWidth / 2, 220)
+
       // 真实姓名
-      let realname = detail.realname
+      let realname = detail.realname || '测试'
       ctx.font = '43px 微软雅黑'
       textWidth = ctx.measureText(realname).width
-      ctx.fillText(realname, canvasWidth / 2 - textWidth / 2, 280)
+      ctx.restore()
+      ctx.fillText(realname, canvasWidth / 2 - textWidth / 2, 290)
 
       // 用户信息
       let id = detail.uid