birthday_webpage

- เว็บเพจวันเกิด

หยุดเขียนการ์ดหรือโพสต์เนื้อหาบนโซเชียลมีเดียเพื่อพูดว่า "สุขสันต์วันเกิด!"
โปรแกรมเมอร์ควรเฉลิมฉลองวันสำคัญในชีวิตตาม "วิถีของโปรแกรมเมอร์"

นี่คือวันเกิด SPA (แอปพลิเคชันหน้าเดียว) โดยใช้ Vue.js

ฉันสร้างเว็บไซต์นี้สำหรับวันเกิดแฟนสาวของฉัน และคิดว่านี่อาจช่วยส่วนหน้าของเด็กชายและเด็กหญิงบางคนได้! ฉันแก้ไขเนื้อหาบางส่วนเพื่อให้มีความทั่วไปมากขึ้นและง่ายต่อการกำหนดค่า

โปรดติดต่อฉันเพื่อขอข้อมูลเพิ่มเติมหรือการออกแบบที่กำหนดเอง

ข้อกำหนดเบื้องต้น

คุณจะต้องติดตั้ง Node.js เวอร์ชัน 6.0 ขึ้นไปบนระบบของคุณ

- ตั้งค่า

รับโค้ดโดยการโคลนที่เก็บนี้โดยใช้ git

 > git clone https://github.com/amoossssss/birthday_webpage

... หรือดาวน์โหลดซอร์สโค้ดเป็นไฟล์ zip

เมื่อดาวน์โหลดแล้ว ให้เปิดเทอร์มินัลในไดเร็กทอรีโปรเจ็กต์ และดำเนินการต่อด้วย:

 npm install

คอมไพล์และโหลดซ้ำเพื่อการพัฒนา

 npm run serve

ตอนนี้เว็บไซต์จะทำงานบนพอร์ต 8080:

http://localhost:8080

คอมไพล์และลดขนาดสำหรับการผลิต

 npm run build

Lints และแก้ไขไฟล์

 npm run lint

ปรับแต่งการกำหนดค่า

ค้นหาแท็ก TODO ทั้งหมดในโค้ดเพื่อกำหนดค่าหน้าเว็บนี้

รวมทั้ง :

1. เนื้อหาของหน้า Landing Page
2. เนื้อหาและรูปภาพของหน้าข้อความ
3. วิดีโอ YouTube ของหน้าวิดีโอ
4. เรื่องราวเบื้องหลังเนื้อหาของเพจ

คำเตือน :
* คุณต้องเพิ่มฟังก์ชัน onLoad ให้กับทุกภาพที่เพิ่มในหน้าข้อความเพื่อให้ตัวโหลดเพจทำงานได้
* มีรูปภาพจำลองบางส่วนในหน้าเพื่อแสดงฟังก์ชันการทำงานของตัวโหลดและเอฟเฟกต์การเปลี่ยนแปลง
* เพียงคัดลอก @load="onImgLoad" แล้ววางลงในแท็ก el-image ที่คุณเพิ่ม
* โปรดระวังตัวแปร totalImages ในหน้าเดียวกันด้วย ตรวจสอบให้แน่ใจว่าตัวแปรนั้นสอดคล้องกับการออกแบบของคุณ

- เครดิต

ร้านที่เอาเค้กวันเกิดและไฟมา

️สนับสนุนโครงการนี้

โปรดให้ ดาว หากคุณพบว่าโครงการนี้มีประโยชน์
ข้อเสนอแนะและการปรับปรุงใด ๆ ที่ได้รับการชื่นชมอย่างมาก!
ฉันขอให้คุณและคนที่คุณรัก สุขสันต์วันเกิด ? -