TravelOrderShare

2018-08-09

在公司做的创新项目的小DEMO

功能：订单分享，生成图片，分享朋友圈
工具：ant-mobile, react
难度等级: ★★
项目地址: https://github.com/zj-john/travelOrderShare

演示地址：https://zj-john.github.io/travelOrderShare/build/index.html

订单分享Demo

描述

用户完成下单后，从订单页面可以直接把本次订单分享出去。
不同的订单使用不同的模板，编辑完成后可以直接分享到朋友圈。

操作

酒店订单分享/机票订单分享/旅游订单分享 -> 编辑或不编辑文字 -> 分享 -> 选择“朋友圈” -> 朋友圈分享页面 -> 点击分享的图片看大图

技术

ant-mobile
canvas
mobilebone

缺失模块。
1、请确保node版本大于6.2
2、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save

3、在根目录_config.yml里添加配置：

  jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

爱前端、爱小说、爱音乐、爱产品、爱游泳、爱动漫、爱家务、爱安静、爱萧萧。人生这么短，且行且努力。