Giter Club home page Giter Club logo

steamcn-mini-program's Introduction

SteamCN 蒸汽动力论坛 微信小程序

这是 SteamCN 蒸汽动力论坛微信小程序。您可以使用本小程序查看 SteamCN 论坛上的帖子。当然前提是您有能正常使用的微信~

小程序功能

  • 浏览 SteamCN 论坛中帖子的内容及坛友回复
  • 登录论坛账号，访问有阅读权限的帖子
  • 查看最新有价值的帖子
  • 查看近期最热门的帖子
  • 查看最新回复的帖子
  • 分板块查阅帖子
  • 记录小程序中的看帖历史

更多开发计划见：https://github.com/xPixv/SteamCN-Mini-Program/projects/1

现在就扫码体验吧~

QRCode

部分截图展示

主页

Home

查看帖子

Thread Preview

板块查看

Section

微信分享

Share

更新日志

见 CHANGELOG：https://github.com/xPixv/SteamCN-Mini-Program/blob/master/CHANGELOG.md

反馈建议

在 issue 中进行反馈：https://github.com/xPixv/SteamCN-Mini-Program/issues

开发步骤

开发环境：

  1. Clone 仓库 master 分支到本地
  2. 安装项目，执行 npm install 或者 yarn install (推荐使用 yarn)，等待安装完成
  3. 进入项目目录，运行 npm run dev:weapp 或者 yarn dev:weapp，等待 Taro 编译项目为微信小程序
  4. 使用微信开发者工具，打开项目目录下的 dist 文件夹即可预览和调试

开源许可

本小程序使用 MIT 许可发布源代码

Open Source Credit ❤

steamcn-mini-program's People

Contributors

dependabot-support avatar dependabot[bot] avatar imgbotapp avatar umaim avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

Forkers

taorone guntrain cherokeeli fengshaduvip simonking200 pitipon banniford micronaut-zysoft luciferseraph beijiaotuye xxi-arch jackzoom ks3dev fushengcf codingories

steamcn-mini-program's Issues

API

帖子

电脑版：https://steamcn.com/t234499-1-1?mobile=no
标准版：https://steamcn.com/forum.php?mod=viewthread&tid=234499&mobile=1
触屏版：https://steamcn.com/forum.php?mod=viewthread&tid=234499&mobile=2

手机版在登录状态下，每页 15 楼；在游客状态下，每页 30 楼

用户

小头像：https://steamcn.com/uc_server/avatar.php?uid=283957&size=small
大头像：https://steamcn.com/uc_server/avatar.php?uid=283957&size=middle

板块

电脑版板块主页：https://steamcn.com/forum.php?mod=forumdisplay&fid=161&page=2&mobile=no 或 https://steamcn.com/f161-1?mobile=no

分页内容显示全部（电脑版）：https://steamcn.com/forum.php?mod=viewthread&tid=482052&viewpid=8863129&cp=all&inajax=1&ajaxtarget=post_8863129

Day.js 使用方法建议 

import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
import relativeTime from 'dayjs/plugin/relativeTime'
dayjs.extend()

Day.js 是个全局共享对象，这样的导入和初始化的代码只需要在入口 index.js 文件里写一次就全局有效了

Dreams

v0.0.2

  • 图片懒加载
  • 移除登录页面用户名 focus
  • 修改登录按钮样式
  • 无浏览历史时提示
  • 必要页面添加下拉刷新
  • 历史记录倒序，最新查看的在最上方
  • 分享互赠等需要登录才能查看的帖子，无法查看提示

v0.0.3

  • 尝试使用 mpvue Taro 框架代替原生开发

v0.0.4

v0.0.5

  • 增强图片接口稳定性 #4 #5
  • 黑色背景黑字内容显示
    字体大小设置

v0.0.6

  • 登录可见的帖子提示
  • 下拉刷新成功提示
  • 链接点击复制
  • 板块帖子列表按时间顺序排序
  • 页面分享功能

v0.0.7

  • 板块列表加载更多帖子
  • 加载更多回复
  • 包含目录帖子优化 使用标准版或触屏版显示帖子，自动显示所有页

v0.1.0

  • 历史记录功能
  • 站内帖链接导航

v0.2.0

  • 由网页接口迁移到使用 App API

更多计划 详细进度见：Project: From 0 to 1

  • spoiler 折叠内容显示
  • quote 引用样式优化
  • 一楼底部分享按钮
  • 根据 #37 重新设计
  • 会员信息页
  • Steam Widget -> Steam 链接，可行？
  • Steam 链接蓝绿，可行？
  • media 内容优化（哔哩哔哩、网易云、优酷），可行？
  • 图片懒加载
  • 退出页面停止未完成的请求/渲染

咕咕咕？

  • 用户登录
  • 主贴评分
  • 显示回帖可见内容
  • 夜间模式
  • 自定义字体
  • 无图模式

##简化小程序功能，取消以下功能
子板块
回复主帖
回复楼层

使用标准版帖子代替触屏版

示例1：PlayStation4 Pro 5億台紀念限定版到手了~
电脑版：https://steamcn.com/t418741-1-1
触屏版：https://steamcn.com/forum.php?mod=viewthread&tid=418741&mobile=2
标准版：https://steamcn.com/forum.php?mod=viewthread&tid=418741&mobile=1

示例2：金玉略夺目，败絮尚可期——《天命奇御 Fate Seeker》
电脑版：https://steamcn.com/t419103-1-1
触屏版：https://steamcn.com/forum.php?mod=viewthread&tid=419103&mobile=2
标准版：https://steamcn.com/forum.php?mod=viewthread&tid=419103&mobile=1

但是触屏版和标准版在有个帖子中有问题，一楼无内容：
电脑版：https://steamcn.com/t307370-1-1
触屏版：https://steamcn.com/forum.php?mod=viewthread&tid=307370&mobile=2
标准版：https://steamcn.com/forum.php?mod=viewthread&tid=307370&mobile=1

标准版同触屏版一样，可自动展开目录

标准版可在网页中直接得到图片的真实地址，而非缓存地址，提高图片访问的可靠度

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.