Taro+React+TS 链滴小程序开源(换肤,切字体

1,437 阅读1分钟

链滴微信小程序 0.0.2

扫码搜索联合传播样式标准色版.png

github.com/goldhan/ld

gitee同步:gitee.com/goldhan/ld

重要

如有样式显示错误问题,请重新点击小程序右上角设置按钮 -> 重新进入小程序

链滴微信小程序

版本

  • 0.0.1
    • 第一次提交
  • 0.0.2
    • 支持两部验证登录
    • 增加尾巴定制
    • 优化消息通知获取业务逻辑
    • 修复标签显示问题
    • 增加新主题一套

介绍

黑科派,链滴小程序

ld2.pngld8.pngld9.jpgld6.pngld10.jpgld12.jpgld4.pngld7.pngld1.pngld3.pngld5.pngld11.jpg

技术栈

Taro React Taro-UI Node.js

结构

比较关键位置文件说明,关于微信小程序的文件结构这里不再说明

src ├── app.config.ts ├── app.scss ├── app.tsx ├── assets │ └── fonts │ ├── icomoon.ttf │ └── icon.scss ├── components // 组件 │ └── parser // html 解析 ├── index.html ├── net │ ├── config.ts │ └── index.ts ├── pages │ ├── article │ ├── comments │ ├── domain │ ├── index // 首页 │ ├── index.tsx │ ├── me │ ├── meDetail │ ├── notifications │ ├── style.scss │ ├── tagDetail │ └── theme.json ├── test.js └── tools // 工具封装

运行

在 ld246 目录下

  1. yarn global add @tarojs/cli
  2. yarn install
  3. yarn dev:weapp

注意:需要自己去搭建小程序开发环境,有用到云函数。

正式包编译

yarn build:weapp

可以使用 npm 不过本人并没试过,理论上讲没问题

主要功能实现

  • 登录/验证码
  • 回帖
  • 个人信息
  • 首页
  • 标签详情页
  • 帖子详情页
  • 评论页
  • 领域列表页
  • 消息中心/提醒
  • 主题,暗色皮肤/皮肤切换/跟随微信自动切换
  • 设置页面
  • 字体大小切换
  • 自动签到

About

第一次尝试用 ts 写的。本人并不是一个专业的 H5 开发,从事 iOS 开发(虽然现在被公司压迫的做 H5 开发),如有迷惑代码行为请多多鞭策😏。