发表于: 2017-06-17 20:16:18

1 985


  • 今天完成的事情:

  • 1、完成【推荐职位/最新职位列表】。

    • 2、完成【职位详情】的分享功能以及点击我感兴趣之后的模态框。


    • 明天计划的事情:

  • 1、将搜索状态的保存采用state.params,放弃sessionStorage。

  • 2、完善细节部分。

  • 3、解决推荐公司的接口问题,如果没办法解决,采用其他的方法来实现,不使用returnPage字段


      • 遇到的问题:

  • 1、使用百度分享功能,放在angualr里的设置不启左右,不知道是什么原因,最终使用了share.js来实现分享功能。


  • 收获:

    1、学会了如何使用share.js。

    HTML部分:只需要使用social-share类名,再引入css文件和js文件即可。

    <div class="social-share"></div><!--  css & js -->

    <link href="dist/css/share.min.css">

    <script src="dist/js/share.min.js"></script>

    JS部分:

    自定义配置:只需要填入先相关内容,还可以在angualr中使用,实现绑定不同的内容。

    然后可以自行配置需要分享到哪些站点,带有自定义的样式,十分方面。

    以下选项均可通过标签 data-xxx 来设置:驼峰转为中横线,如wechatQrcodeHelper 的data标签为data-wechat-qrcode-helper,

    可以针对特定站点使用不同的属性(title, url, description,image...)

    var $config = {
       url: 'http://luoboduo.com/findJob', // 网址,默认使用 window.location.href
       source: '', // 来源(QQ空间会用到), 默认读取head标签:<meta name="site" content="http://overtrue" />
       title: vm.jobDetail.companyName, // 标题,默认读取 document.title 或者 <meta name="title" content="share.js" />
       weiboTitle:"萝卜多-知根知底的社群招聘  "+ vm.jobDetail.companyName+"  在招职位:  "+vm.jobDetail.name,
       description: vm.jobDetail.name, // 描述, 默认读取head标签:<meta name="description" content="PHP弱类型的实现原理分析" />
       image: vm.jobDetail.logo, // 图片, 默认取网页中第一个img标签
       sites: ['wechat', 'qq', 'weibo'], // 启用的站点
       wechatQrcodeTitle: "微信扫一扫:分享", // 微信二维码提示文字
       wechatQrcodeHelper: '<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>'
    };
    $('.social-share').share($config)

    不过其现阶段只支持一些常用的站点,不如百度分享的站点多。



    返回列表 返回列表
    评论

      分享到