universal payment

보편적 인 지불

정적 페이지로 구성된 보편적 인 지불 웹 페이지.

데모 : pay.cnily.top

배포

1. 각 결제 플랫폼 및 스캔에서 얻은 원본 콘텐츠를 생성하고 저장하십시오.

   • 컬렉션 코드 대신 WeChat 감사 코드를 사용하는 것이 좋습니다.
   • WeChat 지불 및 QQ 결제에 대한 제한이 있으며 지불 페이지로 자동 이동할 수 없습니다.

2. 창고를 로컬로 끌어 당기고 src/template.js 에서 각 지불 플랫폼의 수집 코드를 구성하십시오.

   • 해당 결제 플랫폼 후에 영수증 코드 스캔에서 얻은 원본 콘텐츠를 작성하십시오.
   • 사용자 정의 컬렉션 코드 사진을 사용하려면 src/images/ Directory에 사진을 배치하고 "[!img]" + require("./images/wechatpay.webp") 작성하거나 채우십시오. "[!img] https://图片链接.example.com/" 지정된 URL의 그림을 사용합니다.

3. Node.js 및 NPM을 설치하고 다음 명령을 실행하십시오

   npm install
   npm run build

   페이지를 작성하려면.

   • 최소화 된 글꼴 파일의 기능은 Windows에서만 사용할 수 있으며 다른 플랫폼에서 더 큰 글꼴 파일을 생성합니다.
   • 획득 된 정적 페이지는 dist/ Directory에 있습니다.

4. 웹 사이트에 얻은 정적 페이지를 배포하고 /index.html 방문하여 결제 페이지를 표시하십시오.

개발하다

src/template.js 는 더 많은 텍스트 및 링크 구성 (세부 구성)에 대해서만 src/scripts/config.ts 파일을 참조하십시오.

아이콘과 해당 구성은 src/icon 폴더에 있습니다.

다른 스타일 설정은 src/stylesheets/config.scss 파일에 있습니다

URL 매개 변수

• auto 사용자 원기의 자동 인식을 열고 해당 결제 플랫폼의 웹 페이지로 이동하는지 여부
• platform 지정된 결제 플랫폼을 표시합니다.
• type 다음 옵션 값 icon logo 지정된 결제 플랫폼 select 설계를 표시합니다