init commit

.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

.editorconfig

@@ -0,0 +1,14 @@
+# http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1,3 @@
+public
+dist
+*.d.ts

.eslintrc.js

@@ -0,0 +1,26 @@
+module.exports = {
+  root: true,
+  env: {
+    node: true
+  },
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/typescript/recommended',
+    '@vue/prettier'
+  ],
+  rules: {
+    '@typescript-eslint/no-explicit-any': ['off'],
+    'prettier/prettier': [
+      'off',
+      {
+        singleQuote: true,
+        semi: false
+      }
+    ]
+  },
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  }
+};

.gitignore

@@ -0,0 +1,18 @@
+node_modules
+.DS_Store
+#dist
+dist-ssr
+*.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+tests/**/coverage/
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln

.postcssrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+  plugins: {
+    autoprefixer: {},
+    'postcss-pxtorem': {
+      rootValue: 37.5,
+      propList: ['*'],
+    },
+  }
+}

.prettierrc.js

@@ -0,0 +1,9 @@
+module.exports = {
+  bracketSpacing: true,
+  jsxBracketSameLine: true,
+  singleQuote: true,
+  arrowParens: 'avoid',
+  trailingComma: 'none',
+  // 避免截断标签
+  htmlWhitespaceSensitivity: 'ignore'
+};

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 踏学吾痕
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,102 @@
+# vue-vite-h5
+
+This template should help get you started developing mobile applications with Vue3 and Typescript and Vant in Vite.
+
+## Project setup
+```
+pnpm install
+```
+
+### Compiles and hot-reloads for development
+```
+pnpm start
+```
+
+### Compiles and minifies for production
+```
+pnpm build
+```
+
+### Lints and fixes files (eslint + prettier)
+```
+pnpm lint
+```
+
+### Generate component(page) templates for development
+```
+pnpm generate
+```
+
+### Customize configuration
+See [Configuration Reference](https://vitejs.dev/config/).
+
+## Browser adaptation
+
+### Rem Unit (default)
+
+Vant uses `px` unit by default,You can use tools such as `postcss-pxtorem` to transform `px` unit to `rem` unit.
+
+- [postcss-pxtorem](https://github.com/cuth/postcss-pxtorem)
+- [lib-flexible](https://github.com/amfe/lib-flexible)
+
+#### PostCSS Config
+
+PostCSS config example:
+
+```js
+// .postcssrc.js
+module.exports = {
+  plugins: {
+    'postcss-pxtorem': {
+      rootValue: 37.5,
+      propList: ['*'],
+    },
+  },
+};
+```
+
+### Viewport Units
+
+you can use tools such as [postcss--px-to-viewport](https://github.com/evrone/postcss-px-to-viewport) to transform `px` unit to viewport units (vw, vh, vmin, vmax).
+
+#### PostCSS Config
+
+PostCSS config example:
+
+```js
+// .postcssrc.js
+module.exports = {
+  plugins: {
+    'postcss-px-to-viewport': {
+      viewportWidth: 375,
+    },
+  },
+};
+```
+
+### Custom rootValue
+
+If the size of the design draft is 750 or other sizes, you can adjust the `rootValue` to:
+
+```js
+// .postcssrc.js
+module.exports = {
+  plugins: {
+    // postcss-pxtorem version >= 5.0.0
+    'postcss-pxtorem': {
+      rootValue({ file }) {
+        return file.indexOf('vant') !== -1 ? 37.5 : 75;
+      },
+      propList: ['*'],
+    },
+  },
+};
+```
+
+## Recommended IDE Setup
+
+- [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)
+
+## Type Support For `.vue` Imports in TS
+
+Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running `Volar: Switch TS Plugin on/off` from VSCode command palette.

babel.config.js

@@ -0,0 +1,20 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current'
+        }
+      }
+    ]
+  ],
+  env: {
+    development: {
+      // babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
+      // This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
+      // https://panjiachen.github.io/vue-element-admin-site/guide/advanced/lazy-loading.html
+      plugins: ['dynamic-import-node']
+    }
+  }
+};

components.d.ts

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+import '@vue/runtime-core'
+
+export {}
+
+declare module '@vue/runtime-core' {
+  export interface GlobalComponents {
+    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    VanButton: typeof import('vant/es')['Button']
+  }
+}

dist/assets/index-91993268.js

@@ -0,0 +1 @@
+import{M as s,a as n}from"./index-c7142a7c.js";import{d as l,c as a,a as t}from"./index-d37e444c.js";const e={banner:"_banner_12yz4_1",bannerImg:"_bannerImg_12yz4_6",title:"_title_12yz4_11",content:"_content_12yz4_34",section1:"_section1_12yz4_41",section2:"_section2_12yz4_57"},c=""+new URL("img2-f3e7eaac.png",import.meta.url).href,i=l({name:"about-us",setup:()=>()=>a("div",{"class":e.aboutUs},[a(s,null,null),a("div",{"class":e.banner},[a("img",{"class":e.bannerImg,src:"https://oss.dayaedu.com/klx/1699436923197banner.png"},null)]),a("div",{"class":e.section1},[a("div",{"class":[e.title]},[a("span",null,[t("关于酷乐秀")])]),a("img",{src:"https://oss.dayaedu.com/klx/1699519075644%E7%BC%96%E7%BB%84_14_2.png","class":"w100"},null),a("div",{"class":e.content},[a("p",null,[t("我们是一家专注于音乐教育创新的企业，深度融合新技术，为广大音乐爱好者和机构、学校提供高质量的音乐教育服务。")]),a("p",null,[t("未来数字化音乐教学将更加注重与人工智能、虚拟现实等新技术的深度融合，为音乐教学提供更加智能化、个性化的解决方案。我们深知数字化音乐课堂的重要性，因此积极布局数字化教育领域，现已拥有一系列成熟的音乐教学软件、教学团队及硬件供应链，助力音乐教育迈向新高峰。")])])]),a("div",{"class":e.section2},[a("div",{"class":[e.title]},[a("span",null,[t("选择我们你将得到")])]),a("img",{src:c,"class":"w100"},null)]),a(n,null,null)])});export{i as default};

dist/assets/index-d16d3325.css

@@ -0,0 +1 @@
+._imgCode_mq980_1{padding:.42667rem}._imgCode_mq980_1 ._codeTitle_mq980_4{text-align:center;font-size:.42667rem;color:#4f4f4f;margin:0;padding-bottom:.42667rem}._imgCode_mq980_1 ._img_mq980_1{display:flex;align-items:center;justify-content:center}._imgCode_mq980_1 ._imgChange_mq980_16{display:block;color:#aaa;font-size:.32rem;text-align:center;padding-top:.13333rem}._imgCode_mq980_1 ._field_mq980_23{background:#f4f4f4;padding:.26667rem .32rem!important}._imgCodePopup_mq980_27{width:90%;border-radius:.13333rem;overflow:initial}._imgCodePopup_mq980_27 .van-popup__close-icon{top:-.98667rem!important;right:0!important;font-size:.66667rem;color:#fff}

dist/assets/index-d6e70f9b.css

@@ -0,0 +1 @@
+._fieldGroup_1very_1{padding:0 .64rem}._fieldGroup_1very_1 .van-field{margin-bottom:.26667rem;border-radius:.18667rem;padding:.29333rem .34667rem;font-size:.37333rem!important}._fieldGroup_1very_1 .van-field__control{font-size:.37333rem}._fieldGroup_1very_1 .van-field__control::-moz-placeholder{color:#aaa}._fieldGroup_1very_1 .van-field__control::placeholder{color:#aaa}._fieldGroup_1very_1 .van-cell__right-icon{color:#d8d8d8}._fieldGroup_1very_1 ._smsField_1very_19{padding-right:0}._fieldGroup_1very_1 ._smsField_1very_19 ._sendCms_1very_22{color:#fe2451;font-size:.37333rem;width:3.2rem;display:inline-block;text-align:center;border-left:.02667rem solid #E5E5E5}._fieldGroup_1very_1 ._smsField_1very_19 .van-count-down{font-size:.37333rem;width:3.2rem;text-align:center;border-left:.02667rem solid #E5E5E5}._fieldGroup_1very_1 ._btnSubmit_1very_36{width:7.62667rem;margin:.61333rem auto 0;height:1.01333rem;font-size:.42667rem;font-weight:600;color:#131415;border:none;padding:0}._fieldTenant_1very_46 .van-field{border:.02667rem solid #F7DFE7}._fieldTenant_1very_46 input{caret-color:#fe3e64!important}._fieldTenant_1very_46 .van-picker .van-picker__confirm{color:#fe3e64!important}._fieldTenant_1very_46 ._btnSubmit_1very_36{background:linear-gradient(to right,#FF75A6,#FF3C81);color:#fff}._fieldClassroom_1very_59 .van-field{border:.02667rem solid #DFEDF7}._fieldClassroom_1very_59 ._smsField_1very_19 ._sendCms_1very_22{color:#1cacf1}._fieldClassroom_1very_59 ._btnSubmit_1very_36{background:linear-gradient(to right,#19ADFF,#1BD2FF);color:#fff}._fieldTechnology_1very_69 .van-field{border:.02667rem solid #DFEDF7}._fieldTechnology_1very_69 input{caret-color:#0fc1c5!important}._fieldTechnology_1very_69 .van-picker .van-picker__confirm{color:#0fc1c5!important}._fieldTechnology_1very_69 ._smsField_1very_19 ._sendCms_1very_22{color:#0fc1c5}._fieldTechnology_1very_69 ._btnSubmit_1very_36{background:linear-gradient(to right,#0E88A1,#03C3B9);color:#fff}