噗噗订阅管理 - release-1.3.0
底部查看更新内容

准备开始慢慢更新

完成上一版开发后一直没管，想着就自己管理一下订阅，避免扣费。不过前两天看到微信数据显示有几十个用户陆续打开过小程序，既然还是能被人看见而且可能使用，那就继续更新。

如果有任何建议，欢迎在小程序中的设置页面的反馈中提出。

Echarts

之前草草地做了历史数据页面，这次整理了一下小程序中基础使用Echarts的步骤

  1. 根据官方提供的模版项目把ec-canvas这个文件夹复制到自己项目中：https://github.com/ecomfe/echarts-for-weixin/tree/master/ec-canvas
    • ec-canvas.js中有个isUseNewCanvas的变量，把默认值改成true，这样可以避免一个Canvas 2D警告
  2. (Javascript项目跳过)Typescript项目需要给echarts.js添加类型声明文件，主要就是setOption这个方法。1
  3. 官方例子pages文件下随便找个例子抄一抄，完成自己页面中文件修改就可以展示图表了
    • index.json
    • index.wxml
    • index.js/ts
  4. pages/multiCharts下面展示了如何创建多个图表
  5. pages/lazyLoad下面展示了如何懒加载图表，即可以先异步请求数据，再根据数据展示图表
    • 推荐使用lazyLoad的方式来创建多个图标，充分利用selectComponent()的灵活性

更新内容

  • 右上角按钮历史数据改成数据分析，并修改了数据分析页面的图表。
    • 不过周末时间有限，只加了汇总数据，后续添加各月详情列表。
  • 删除主页“各类别金额”部分，鸡肋。
  • 更换底部添加按钮图标，统一风格。
  • 修改添加页面图标选择的样式，统一风格。
  • 图标选择popup内增加了类别选择，方便查找。

未来计划

Release-1.4.0

  • 给订阅类别添加颜色，方便区分
  • 在数据分析页面添加每月的详细数据列表

Release-2.0.0

  • 离线数据，现在所有操作都是实时的，没有网络无法使用。

Release-2.1.0

  • 添加新计划时能有更视觉化的操作方式，快速选择新计划的时间范围

  1. 类型定义代码

      declare module "echarts" {
    interface ECharts {
      setOption(option: EChartOption, opts?: EChartsOptionConfig): void;
    }

    interface EChartOption<TSeries = EChartOption.Series> {}

    namespace EChartOption {
      type Series = any;
    }

    interface EChartsOptionConfig {
      notMerge?: boolean | undefined;
      lazyUpdate?: boolean | undefined;
      silent?: boolean | undefined;
    }
  }
     ↩︎