periodic table pro

Periodic Table of Elements PRO

High-value chemical periodic table tool, providing comprehensive element attributes, pictures and encyclopedia knowledge, etc.

Introduction

Periodic Table Pro is an original chemical periodic table tool carefully created by Huanyang. It adopts a new design style and supports various platforms such as Web (H5), WeChat mini program, QQ mini program and Alipay mini program, and is suitable for screen devices of different sizes.

website

Nextjs built website, project directory periodic-table-pro/website

Periodic Table of Elements PRO - a must-have gadget for high-value chemistry

Mini Program

A multi-end compatible applet built by Tarojs, project directory periodic-table-pro/weapp

WeChat applet

QQ applet

Alipay mini program

Environment variables

• PLATFORM - instead of process.env.TARO_ENV , the value is next in Nextjs project
• STATIC_BASE —— Static resource address

Introduction to the compatibility solution between applets and web

The project website uses Nextjs, the applet uses Tarojs + React, and reuses a large number of components between the website and applet.

Use the @tarojs/plugin-html plugin in the Taro project to translate the html tag into the template for the corresponding applet.

In periodic-table-pro/packages/components/compact directory, some components and APIs are implemented that are compatible with Nextjs and Tarojs environments based on environment variables. For example, Image , Navigator , previewImage , navigatorTo , etc.

Finally, use these compatible versions of components and APIs in the components that need to be reused.