โปรเจ็กต์นี้ใช้ UMI + DVA เป็นเฟรมเวิร์กพื้นฐานเป็นหลัก และใช้ Ant Design Mobile เป็นไลบรารีส่วนประกอบ UI รวมถึงแนวทางปฏิบัติด้านวิศวกรรมส่วนหน้าที่สมบูรณ์
รหัสและฟังก์ชันบางอย่างอ้างอิงมาจาก Ant Design pro
? รองรับการพัฒนา WeChat แล้ว พบกับสาขา wx
|-- config # umi 配置,包含路由,构建等配置
|-- mock # 本地模拟数据
|-- public
| |-- favicon.png # favicon
|-- src #
| |-- assets # 本地静态资源
| |-- components # 业务通用组件
| |-- layout # 通用布局
| |-- models # 全局 dva model
| |-- services # 后台接口服务
| |-- pages # 业务页面入口和常用模板
| |-- e2e # 集成测试用例
| |-- global.less # 全局样式
| |-- global.tsx # 全局 JS
| |-- theme.js
|-- tests # 测试工具
|-- .gitignore # git忽略文件
|-- .editorconfig # 编辑器代码风格配置
|-- .eslintignore # eslint忽略文件
|-- .eslintrc # eslint规则
|-- .prettierignore # 代码风格配置忽略文件
|-- .prettierrc # 代码风格配置文件
|-- .stylelintrc # 样式风格配置文件
|-- package.json
|-- README.md
// 安装项目
$ git clone -- depth = 1 https: //github.com/hqwlkj/umi-dva-antd-mobile.git my-project
$ cd my - project
// 安装依赖
$ yarn or npm install
// 运行
$ yarn start or npm run start # 访问 http : //localhost:8080
// 打包
$ yarn build or npm run build
สามารถดูคำสั่งเพิ่มเติมได้ใน package.json
ที่อยู่ DEMO ทั้งหมดได้รับการจัดเตรียมไว้สำหรับประเด็นนี้แล้ว???
1. ขอแนะนำให้ดูตัวอย่างเหตุการณ์ NIO H5 ในเบราว์เซอร์มือถือหรือเบราว์เซอร์ WeChat
2. ขอแนะนำให้ดูตัวอย่าง H5 DEMO ในเบราว์เซอร์มือถือหรือเบราว์เซอร์ WeChat
3. ขอแนะนำให้ดูตัวอย่างการสาธิตลอตเตอรีแบบหมุนในเบราว์เซอร์มือถือหรือเบราว์เซอร์ WeChat
*โปรดทราบว่ารหัส
DEMO
ดึงมาจากโครงการอย่างเป็นทางการและไม่ได้วางไว้ในไดเรกทอรีexamples
หากคุณต้องการ โปรดสอบถามในฉบับที่ 2 ฉันจะแจ้งให้ทันเวลาหลังจากเห็นข่าว ขอบคุณนักเรียนทุกคน ?
โปรดสแกนโค้ด QR ด้านล่างเพื่อดูตัวอย่างเอฟเฟกต์
เนื่องจากเซิร์ฟเวอร์สาธิตไม่เสถียรในขณะนี้ ขอแนะนำให้เรียกใช้ภายในเครื่องเพื่อดูผล ขอบคุณ
ใบสมัคร H5 (เสร็จสมบูรณ์) | แอปพลิเคชันแอป |
การสาธิตยังคงได้รับการปรับปรุง - -
ไอโอเอสซาฟารี | หุ่นยนต์ |
---|---|
ไอโอเอสซาฟารี | แอนดรอยด์ 4.0 ขึ้นไป |
เรายินดีอย่างยิ่งต่อการมีส่วนร่วมของคุณ และคุณสามารถสร้างร่วมกับฉันได้ด้วยวิธีต่อไปนี้: