init

3 years ago · 9e6d43a96f
42 changed files with 672 additions and 0 deletions
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@ -0,0 +1,38 @@
 /* eslint-env node */
 require('@rushstack/eslint-patch/modern-module-resolution')
 module.exports = {
  root: true,
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript',
    '@vue/eslint-config-prettier',
  ],
  // 小程序全局变量
  globals: {
    uni: true,
    wx: true,
    WechatMiniprogram: true,
    getCurrentPages: true,
  },
  parserOptions: {
    ecmaVersion: 'latest',
  },
  rules: {
    'prettier/prettier': [
      'warn',
      {
        singleQuote: true,
        semi: false,
        printWidth: 80,
        trailingComma: 'all',
        endOfLine: 'auto',
      },
    ],
    'vue/multi-word-component-names': ['off'],
    'vue/no-setup-props-destructure': ['off'],
    'vue/no-deprecated-html-element-is': ['off'],
    '@typescript-eslint/no-unused-vars': ['off'],
  },
 }
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,13 @@
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 node_modules
 dist
 .DS_Store
 *.local
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@ -0,0 +1,4 @@
 #!/usr/bin/env sh
 . "$(dirname -- "$0")/_/husky.sh"
 pnpm lint-staged
--- a/.prettierrc.json
+++ b/.prettierrc.json
@ -0,0 +1,7 @@
 {
  "singleQuote": true,
  "semi": false,
  "printWidth": 80,
  "trailingComma": "all",
  "endOfLine": "auto"
 }
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -0,0 +1,12 @@
 {
  // 推荐的扩展插件
  "recommendations": [
    "mrmaoddxxaa.create-uniapp-view", // 创建 uni-app 页面
    "uni-helper.uni-helper-vscode", // uni-app 代码提示
    "evils.uniapp-vscode", // uni-app 文档
    "vue.volar", // vue3 语法支持
    "vue.vscode-typescript-vue-plugin", // vue3 ts 插件
    "dbaeumer.vscode-eslint", // eslint
    "esbenp.prettier-vscode" // prettier
  ]
 }
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -0,0 +1,13 @@
 {
  // 在保存时格式化文件
  "editor.formatOnSave": true,
  // 文件格式化配置
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // 配置语言的文件关联
  "files.associations": {
    "pages.json": "jsonc", // pages.json 可以写注释
    "manifest.json": "jsonc" // manifest.json 可以写注释
  }
 }
--- a/index.html
+++ b/index.html
@ -0,0 +1,25 @@
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="UTF-8" />
  <script>
    var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
      CSS.supports('top: constant(a)'))
    document.write(
      '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
      (coverSupport ? ', viewport-fit=cover' : '') + '" />')
  </script>
  <title></title>
  <!--preload-links-->
  <!--app-context-->
 </head>
 <body>
  <div id="app">
    <!--app-html-->
  </div>
  <script type="module" src="/src/main.ts"></script>
 </body>
 </html>
--- a/package.json
+++ b/package.json
@ -0,0 +1,85 @@
 {
  "name": "uni-app-xiaotuxian",
  "version": "0.0.0",
  "scripts": {
    "dev:app": "uni -p app",
    "dev:app-android": "uni -p app-android",
    "dev:app-ios": "uni -p app-ios",
    "dev:custom": "uni -p",
    "dev:h5": "uni",
    "dev:h5:ssr": "uni --ssr",
    "dev:mp-alipay": "uni -p mp-alipay",
    "dev:mp-baidu": "uni -p mp-baidu",
    "dev:mp-kuaishou": "uni -p mp-kuaishou",
    "dev:mp-lark": "uni -p mp-lark",
    "dev:mp-qq": "uni -p mp-qq",
    "dev:mp-toutiao": "uni -p mp-toutiao",
    "dev:mp-weixin": "uni -p mp-weixin",
    "dev:quickapp-webview": "uni -p quickapp-webview",
    "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
    "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
    "build:app": "uni build -p app",
    "build:app-android": "uni build -p app-android",
    "build:app-ios": "uni build -p app-ios",
    "build:custom": "uni build -p",
    "build:h5": "uni build",
    "build:h5:ssr": "uni build --ssr",
    "build:mp-alipay": "uni build -p mp-alipay",
    "build:mp-baidu": "uni build -p mp-baidu",
    "build:mp-kuaishou": "uni build -p mp-kuaishou",
    "build:mp-lark": "uni build -p mp-lark",
    "build:mp-qq": "uni build -p mp-qq",
    "build:mp-toutiao": "uni build -p mp-toutiao",
    "build:mp-weixin": "uni build -p mp-weixin",
    "build:quickapp-webview": "uni build -p quickapp-webview",
    "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
    "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
    "prepare": "husky install",
    "lint-staged": "lint-staged"
  },
  "lint-staged": {
    "*.{js,ts,vue}": [
      "eslint --fix"
    ]
  },
  "dependencies": {
    "@dcloudio/uni-app": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-app-plus": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-components": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-h5": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-mp-alipay": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-mp-baidu": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-mp-lark": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-mp-qq": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-mp-weixin": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3061020221121002",
    "vue": "^3.2.41",
    "vue-i18n": "^9.1.9"
  },
  "devDependencies": {
    "@dcloudio/types": "^3.0.16",
    "@dcloudio/uni-automator": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-cli-shared": "3.0.0-alpha-3061020221121002",
    "@dcloudio/uni-stacktracey": "3.0.0-alpha-3061020221121002",
    "@dcloudio/vite-plugin-uni": "3.0.0-alpha-3061020221121002",
    "@rushstack/eslint-patch": "^1.1.4",
    "@types/node": "^18.11.9",
    "@types/wechat-miniprogram": "^3.4.1",
    "@uni-helper/uni-app-types": "^0.1.8",
    "@vitejs/plugin-vue": "^3.0.3",
    "@vue/eslint-config-prettier": "^7.0.0",
    "@vue/eslint-config-typescript": "^11.0.0",
    "@vue/tsconfig": "^0.1.3",
    "eslint": "^8.22.0",
    "eslint-plugin-vue": "^9.3.0",
    "husky": "^8.0.0",
    "lint-staged": "^13.0.3",
    "prettier": "^2.7.1",
    "sass": "^1.56.1",
    "typescript": "^4.9.3",
    "vite": "^3.1.8"
  }
 }
--- a/src/App.vue
+++ b/src/App.vue
@ -0,0 +1,51 @@
 <script setup lang="ts">
 import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'
 onLaunch(() => {
  console.log('App Launch')
 })
 onShow(() => {
  console.log('App Show')
 })
 onHide(() => {
  console.log('App Hide')
 })
 </script>
 <style lang="scss">
 // 字体图标
@import '@/styles/fonts.scss';
 view,
 navigator,
 input,
 scroll-view {
  box-sizing: border-box;
 }
 button::after {
  border: none;
 }
 swiper,
 scroll-view {
  flex: 1;
  height: 100%;
  overflow: hidden;
 }
 image {
  width: 100%;
  height: 100%;
  vertical-align: middle;
 }
 // 两行省略
 .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }
 </style>
--- a/src/env.d.ts
+++ b/src/env.d.ts
@ -0,0 +1,8 @@
 /// <reference types="vite/client" />
 declare module '*.vue' {
  import { DefineComponent } from 'vue'
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>
  export default component
 }
--- a/src/main.ts
+++ b/src/main.ts
@ -0,0 +1,10 @@
 import { createSSRApp } from 'vue'
 import App from './App.vue'
 export function createApp() {
  const app = createSSRApp(App)
  return {
    app,
  }
 }
--- a/src/manifest.json
+++ b/src/manifest.json
@ -0,0 +1,72 @@
 {
  "name": "uni-app-xiaotuxian",
  "appid": "",
  "description": "",
  "versionName": "1.0.0",
  "versionCode": "100",
  "transformPx": false,
  /* 5+App特有相关 */
  "app-plus": {
    "usingComponents": true,
    "nvueStyleCompiler": "uni-app",
    "compilerVersion": 3,
    "splashscreen": {
      "alwaysShowBeforeRender": true,
      "waiting": true,
      "autoclose": true,
      "delay": 0
    },
    /* 模块配置 */
    "modules": {},
    /* 应用发布信息 */
    "distribute": {
      /* android打包配置 */
      "android": {
        "permissions": [
          "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
          "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
          "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
          "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
          "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
          "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
          "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
          "<uses-permission android:name=\"android.permission.CAMERA\"/>",
          "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
          "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
          "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
          "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
          "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
          "<uses-feature android:name=\"android.hardware.camera\"/>",
          "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
        ]
      },
      /* ios打包配置 */
      "ios": {},
      /* SDK配置 */
      "sdkConfigs": {}
    }
  },
  /* 快应用特有相关 */
  "quickapp": {},
  /* 小程序特有相关 */
  "mp-weixin": {
    "appid": "",
    "setting": {
      "urlCheck": false
    },
    "usingComponents": true
  },
  "mp-alipay": {
    "usingComponents": true
  },
  "mp-baidu": {
    "usingComponents": true
  },
  "mp-toutiao": {
    "usingComponents": true
  },
  "uniStatistics": {
    "enable": false
  },
  "vueVersion": "3"
 }
--- a/src/pages.json
+++ b/src/pages.json
@ -0,0 +1,68 @@
 {
  "pages": [
    //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页"
      }
    },
    {
      "path": "pages/my/my",
      "style": {
        "navigationBarTitleText": "我的"
      }
    },
    {
      "path": "pages/cart/cart",
      "style": {
        "navigationBarTitleText": "购物车"
      }
    },
    {
      "path": "pages/category/category",
      "style": {
        "navigationBarTitleText": "分类"
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8"
  },
  // 设置 TabBar
  "tabBar": {
    "color": "#333",
    "selectedColor": "#27ba9b",
    "backgroundColor": "#fff",
    "borderStyle": "white",
    "list": [
      {
        "text": "首页",
        "pagePath": "pages/index/index",
        "iconPath": "static/tabs/home_default.png",
        "selectedIconPath": "static/tabs/home_selected.png"
      },
      {
        "text": "分类",
        "pagePath": "pages/category/category",
        "iconPath": "static/tabs/category_default.png",
        "selectedIconPath": "static/tabs/category_selected.png"
      },
      {
        "text": "购物车",
        "pagePath": "pages/cart/cart",
        "iconPath": "static/tabs/cart_default.png",
        "selectedIconPath": "static/tabs/cart_selected.png"
      },
      {
        "text": "我的",
        "pagePath": "pages/my/my",
        "iconPath": "static/tabs/user_default.png",
        "selectedIconPath": "static/tabs/user_selected.png"
      }
    ]
  }
 }
--- a/src/pages/cart/cart.vue
+++ b/src/pages/cart/cart.vue
@ -0,0 +1,3 @@
 <template>
  <view class="cart">cart</view>
 </template>
--- a/src/pages/category/category.vue
+++ b/src/pages/category/category.vue
@ -0,0 +1,3 @@
 <template>
  <view class="category">category</view>
 </template>
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@ -0,0 +1,3 @@
 <template>
  <view class="index">index</view>
 </template>
--- a/src/pages/my/my.vue
+++ b/src/pages/my/my.vue
@ -0,0 +1,3 @@
 <template>
  <view class="my">my</view>
 </template>
--- a/src/static/images/blank.png
+++ b/src/static/images/blank.png
--- a/src/static/images/bubble.png
+++ b/src/static/images/bubble.png
--- a/src/static/images/car.png
+++ b/src/static/images/car.png
--- a/src/static/images/center_bg.png
+++ b/src/static/images/center_bg.png
--- a/src/static/images/locate.png
+++ b/src/static/images/locate.png
--- a/src/static/images/logo.png
+++ b/src/static/images/logo.png
--- a/src/static/images/logo_icon.png
+++ b/src/static/images/logo_icon.png
--- a/src/static/images/navigator_bg.png
+++ b/src/static/images/navigator_bg.png
--- a/src/static/images/order_bg.png
+++ b/src/static/images/order_bg.png
--- a/src/static/images/rating_off.png
+++ b/src/static/images/rating_off.png
--- a/src/static/images/rating_on.png
+++ b/src/static/images/rating_on.png
--- a/src/static/images/remove.png
+++ b/src/static/images/remove.png
--- a/src/static/images/stars.png
+++ b/src/static/images/stars.png
--- a/src/static/tabs/cart_default.png
+++ b/src/static/tabs/cart_default.png
--- a/src/static/tabs/cart_selected.png
+++ b/src/static/tabs/cart_selected.png
--- a/src/static/tabs/category_default.png
+++ b/src/static/tabs/category_default.png
--- a/src/static/tabs/category_selected.png
+++ b/src/static/tabs/category_selected.png
--- a/src/static/tabs/home_default.png
+++ b/src/static/tabs/home_default.png
--- a/src/static/tabs/home_selected.png
+++ b/src/static/tabs/home_selected.png
--- a/src/static/tabs/user_default.png
+++ b/src/static/tabs/user_default.png
--- a/src/static/tabs/user_selected.png
+++ b/src/static/tabs/user_selected.png
--- a/src/styles/fonts.scss
+++ b/src/styles/fonts.scss
@ -0,0 +1,140 @@
@font-face {font-family: "erabbit";
  src: url('https://at.alicdn.com/t/font_2232762_u2xb7up9h5.woff?t=1614588039709') format('woff'),
  url('https://at.alicdn.com/t/font_2232762_u2xb7up9h5.ttf?t=1614588039709') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('https://at.alicdn.com/t/font_2232762_u2xb7up9h5.svg?t=1614588039709#erabbit') format('svg'); /* iOS 4.1- */
 }
 [class^="icon-"], [class*=" icon-"] {
  font-family: "erabbit" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
 .icon-mail:before {
  content: "\e644";
 }
 .icon-weixin:before {
  content: "\e620";
 }
 .icon-phone:before {
  content: "\e618";
 }
 .icon-camera-plus:before {
  content: "\e636";
 }
 .icon-close:before {
  content: "\e6e1";
 }
 .icon-help:before {
  content: "\e617";
 }
 .icon-cart:before {
  content: "\e6d1";
 }
 .icon-settings:before {
  content: "\e6cf";
 }
 .icon-clock:before {
  content: "\e609";
 }
 .icon-delete:before {
  content: "\e6ce";
 }
 .icon-checked:before {
  content: "\e6cc";
 }
 .icon-ring:before {
  content: "\e6cd";
 }
 .icon-locate:before {
  content: "\e6cb";
 }
 .icon-mark:before {
  content: "\e6ca";
 }
 .icon-check:before {
  content: "\e6c9";
 }
 .icon-handset:before {
  content: "\e6c8";
 }
 .icon-gift:before {
  content: "\e6c7";
 }
 .icon-currency:before {
  content: "\e6c6";
 }
 .icon-comment:before {
  content: "\e6c5";
 }
 .icon-caret:before {
  content: "\e6c3";
 }
 .icon-right:before {
  content: "\e6c2";
 }
 .icon-left:before {
  content: "\e6c1";
 }
 .icon-down:before {
  content: "\e6c0";
 }
 .icon-up:before {
  content: "\e6bf";
 }
 .icon-sort:before {
  content: "\e616";
 }
 .icon-clear:before {
  content: "\e6be";
 }
 .icon-user:before {
  content: "\e6bb";
 }
 .icon-scan:before {
  content: "\e6bc";
 }
 .icon-search:before {
  content: "\e632";
 }
 .icon-preview:before {
  content: "\e61d";
 }
 .icon-heart:before {
  content: "\e647";
 }
 .icon-filter:before {
  content: "\e629";
 }
--- a/src/uni.scss
+++ b/src/uni.scss
@ -0,0 +1,76 @@
 /**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
 /**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
 /* 颜色变量 */
 /* 行为相关颜色 */
 $uni-color-primary: #007aff;
 $uni-color-success: #4cd964;
 $uni-color-warning: #f0ad4e;
 $uni-color-error: #dd524d;
 /* 文字基本颜色 */
 $uni-text-color: #333; // 基本色
 $uni-text-color-inverse: #fff; // 反色
 $uni-text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
 $uni-text-color-placeholder: #808080;
 $uni-text-color-disable: #c0c0c0;
 /* 背景颜色 */
 $uni-bg-color: #fff;
 $uni-bg-color-grey: #f8f8f8;
 $uni-bg-color-hover: #f1f1f1; // 点击状态颜色
 $uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色
 /* 边框颜色 */
 $uni-border-color: #c8c7cc;
 /* 尺寸变量 */
 /* 文字尺寸 */
 $uni-font-size-sm: 12px;
 $uni-font-size-base: 14px;
 $uni-font-size-lg: 16;
 /* 图片尺寸 */
 $uni-img-size-sm: 20px;
 $uni-img-size-base: 26px;
 $uni-img-size-lg: 40px;
 /* Border Radius */
 $uni-border-radius-sm: 2px;
 $uni-border-radius-base: 3px;
 $uni-border-radius-lg: 6px;
 $uni-border-radius-circle: 50%;
 /* 水平间距 */
 $uni-spacing-row-sm: 5px;
 $uni-spacing-row-base: 10px;
 $uni-spacing-row-lg: 15px;
 /* 垂直间距 */
 $uni-spacing-col-sm: 4px;
 $uni-spacing-col-base: 8px;
 $uni-spacing-col-lg: 12px;
 /* 透明度 */
 $uni-opacity-disabled: 0.3; // 组件禁用态的透明度
 /* 文章场景相关 */
 $uni-color-title: #2c405a; // 文章标题颜色
 $uni-font-size-title: 20px;
 $uni-color-subtitle: #555; // 二级标题颜色
 $uni-font-size-subtitle: 18px;
 $uni-color-paragraph: #3f536e; // 文章段落颜色
 $uni-font-size-paragraph: 15px;
--- a/tsconfig.json
+++ b/tsconfig.json
@ -0,0 +1,27 @@
 {
  "compilerOptions": {
    "target": "esnext",
    "useDefineForClassFields": true,
    "module": "esnext",
    "moduleResolution": "node",
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
    "lib": ["esnext", "dom"],
    "types": [
      "@dcloudio/types",
      "@types/wechat-miniprogram",
      "@uni-helper/uni-app-types"
    ],
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "vueCompilerOptions": {
    "experimentalRuntimeMode": "runtime-uni-app"
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
 }
--- a/vite.config.ts
+++ b/vite.config.ts
@ -0,0 +1,11 @@
 import { defineConfig } from 'vite'
 import uni from '@dcloudio/vite-plugin-uni'
 // https://vitejs.dev/config/
 export default defineConfig({
  build: {
    // 开发阶段启用源码映射：https://uniapp.dcloud.net.cn/tutorial/migration-to-vue3.html#需主动开启-sourcemap
    sourcemap: process.env.NODE_ENV === 'development',
  },
  plugins: [uni()],
 })