xing
2 years ago
commit
5fed074839
@ -0,0 +1,26 @@ |
|||||||
|
module.exports = { |
||||||
|
"env": { |
||||||
|
"browser": true, |
||||||
|
"es2021": true |
||||||
|
}, |
||||||
|
"extends": [ |
||||||
|
"plugin:vue/essential", |
||||||
|
"standard" |
||||||
|
], |
||||||
|
"parserOptions": { |
||||||
|
"ecmaVersion": "latest", |
||||||
|
"parser": "@typescript-eslint/parser", |
||||||
|
"sourceType": "module" |
||||||
|
}, |
||||||
|
"plugins": [ |
||||||
|
"vue", |
||||||
|
"@typescript-eslint" |
||||||
|
], |
||||||
|
"rules": {}, |
||||||
|
"globals": { |
||||||
|
"uni": true, |
||||||
|
"UniApp": true, |
||||||
|
"wx": true, |
||||||
|
"ICloud": true |
||||||
|
}, |
||||||
|
} |
||||||
@ -0,0 +1,21 @@ |
|||||||
|
# Logs |
||||||
|
logs |
||||||
|
*.log |
||||||
|
npm-debug.log* |
||||||
|
yarn-debug.log* |
||||||
|
yarn-error.log* |
||||||
|
pnpm-debug.log* |
||||||
|
lerna-debug.log* |
||||||
|
|
||||||
|
node_modules |
||||||
|
.DS_Store |
||||||
|
dist |
||||||
|
*.local |
||||||
|
|
||||||
|
# Editor directories and files |
||||||
|
.idea |
||||||
|
*.suo |
||||||
|
*.ntvs* |
||||||
|
*.njsproj |
||||||
|
*.sln |
||||||
|
*.sw? |
||||||
@ -0,0 +1,20 @@ |
|||||||
|
<!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> |
||||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,82 @@ |
|||||||
|
{ |
||||||
|
"name": "uni-preset-vue", |
||||||
|
"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-jd": "uni -p mp-jd", |
||||||
|
"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-jd": "uni build -p mp-jd", |
||||||
|
"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", |
||||||
|
"type-check": "vue-tsc --noEmit" |
||||||
|
}, |
||||||
|
"dependencies": { |
||||||
|
"@dcloudio/uni-app": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-app-plus": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-components": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-h5": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-alipay": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-baidu": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-jd": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-lark": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-qq": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3070720230316001", |
||||||
|
"@types/node": "^20.1.0", |
||||||
|
"less": "^4.1.3", |
||||||
|
"less-loader": "^11.1.0", |
||||||
|
"pinia": "^2.0.35", |
||||||
|
"pinia-plugin-persistedstate": "^3.1.0", |
||||||
|
"vue": "^3.2.45" |
||||||
|
}, |
||||||
|
"devDependencies": { |
||||||
|
"@dcloudio/types": "^3.3.2", |
||||||
|
"@dcloudio/uni-automator": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-cli-shared": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/uni-stacktracey": "3.0.0-alpha-3070720230316001", |
||||||
|
"@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070720230316001", |
||||||
|
"@typescript-eslint/eslint-plugin": "^5.59.2", |
||||||
|
"@typescript-eslint/parser": "^5.59.2", |
||||||
|
"@vue/tsconfig": "^0.1.3", |
||||||
|
"autoprefixer": "^10.4.14", |
||||||
|
"eslint": "^8.40.0", |
||||||
|
"eslint-config-standard": "^17.0.0", |
||||||
|
"eslint-plugin-import": "^2.27.5", |
||||||
|
"eslint-plugin-n": "^15.7.0", |
||||||
|
"eslint-plugin-promise": "^6.1.1", |
||||||
|
"eslint-plugin-vue": "^9.11.1", |
||||||
|
"typescript": "^4.9.4", |
||||||
|
"vite": "4.0.4", |
||||||
|
"vue-tsc": "^1.0.24" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
<script setup lang="ts"> |
||||||
|
import {onLaunch, onShow} from "@dcloudio/uni-app"; |
||||||
|
import {reactive} from "vue"; |
||||||
|
|
||||||
|
const globalData = reactive<Partial<SystemInfo>>({ |
||||||
|
statusBarHeight: 0, // 状态导航栏高度 |
||||||
|
navHeight: 0, // 总体高度 |
||||||
|
navigationBarHeight: 0, // 导航栏高度(标题栏高度) |
||||||
|
safeAreaTop: 0, //屏幕顶部安全距离 |
||||||
|
safeAreaBottom: 0, //屏幕底部安全距离 |
||||||
|
}) |
||||||
|
|
||||||
|
onLaunch(() => { |
||||||
|
let SysInfo = uni.getSystemInfoSync() |
||||||
|
globalData.statusBarHeight = SysInfo.statusBarHeight |
||||||
|
globalData.safeAreaTop = SysInfo.safeArea?.top |
||||||
|
globalData.safeAreaBottom = SysInfo.safeAreaInsets?.bottom |
||||||
|
}); |
||||||
|
onShow(() => { |
||||||
|
console.log("App Show"); |
||||||
|
}); |
||||||
|
</script> |
||||||
|
<style lang="less"> |
||||||
|
.text-one { |
||||||
|
white-space: nowrap; |
||||||
|
overflow: hidden; |
||||||
|
text-overflow: ellipsis; |
||||||
|
} |
||||||
|
|
||||||
|
.text-two { |
||||||
|
word-break: break-all; |
||||||
|
text-overflow: ellipsis; |
||||||
|
display: -webkit-box; |
||||||
|
-webkit-box-orient: vertical; |
||||||
|
-webkit-line-clamp: 2; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,4 @@ |
|||||||
|
export default { |
||||||
|
baseURL: 'https://api.yaojiankang.top/', |
||||||
|
duration: 3000 |
||||||
|
} |
||||||
@ -0,0 +1,59 @@ |
|||||||
|
import MinRequest from './request' |
||||||
|
import requestConfig from "./config"; |
||||||
|
import type {RequestConfig} from "@/api/server/type"; |
||||||
|
import {ERROR_STATUS, NETWORK_ERROR_CODE} from "@/api/server/type"; |
||||||
|
|
||||||
|
const minRequest = new MinRequest() |
||||||
|
|
||||||
|
|
||||||
|
// 设置默认配置
|
||||||
|
minRequest.setConfig((config: RequestConfig) => { |
||||||
|
config.baseURL = requestConfig.baseURL |
||||||
|
return config |
||||||
|
}) |
||||||
|
|
||||||
|
|
||||||
|
// 请求拦截器
|
||||||
|
minRequest.interceptors.request((request) => { |
||||||
|
let token = uni.getStorageSync('token') |
||||||
|
if (!token && request.token) { |
||||||
|
uni.navigateTo({url: '/pages/login/index'}).then() |
||||||
|
} |
||||||
|
request.header['x-session-key'] = token |
||||||
|
return request |
||||||
|
}) |
||||||
|
|
||||||
|
minRequest.interceptors.success(async (result) => { |
||||||
|
if (result.statusCode !== 200 || !result?.data?.success) { |
||||||
|
if (result.data?.problems) { |
||||||
|
Object.entries(result.data.problems).forEach(([key, value]) => { |
||||||
|
uni.showToast({title: "错误:" + value?.[0]?.message, icon: 'none', duration: requestConfig.duration}) |
||||||
|
}) |
||||||
|
return false |
||||||
|
} |
||||||
|
|
||||||
|
const error: any = { |
||||||
|
code: result.statusCode, |
||||||
|
message: result.data.message || ERROR_STATUS[result.statusCode], |
||||||
|
} |
||||||
|
|
||||||
|
if (!window.onabort) { |
||||||
|
error.code = NETWORK_ERROR_CODE |
||||||
|
error.message = ERROR_STATUS[NETWORK_ERROR_CODE] |
||||||
|
} |
||||||
|
|
||||||
|
await uni.showToast({title: "错误:" + error.message, icon: 'none', duration: requestConfig.duration}) |
||||||
|
return false |
||||||
|
} |
||||||
|
|
||||||
|
return result.data.data |
||||||
|
}) |
||||||
|
|
||||||
|
minRequest.interceptors.fail((result) => { |
||||||
|
uni.showToast({title: "错误" + result.errMsg, icon: 'none', duration: requestConfig.duration}).then() |
||||||
|
return false |
||||||
|
}) |
||||||
|
|
||||||
|
|
||||||
|
export default minRequest |
||||||
|
|
||||||
@ -0,0 +1,139 @@ |
|||||||
|
import type { |
||||||
|
GeneralCallbackResult, |
||||||
|
RequestConfig, |
||||||
|
RequestFunction, |
||||||
|
RequestSuccessFunction |
||||||
|
} from "@/api/server/type"; |
||||||
|
|
||||||
|
const config = Symbol('config') |
||||||
|
const isCompleteURL = Symbol('isCompleteURL') |
||||||
|
const requestBefore = Symbol('requestBefore') |
||||||
|
const requestSuccess = Symbol('requestSuccess') |
||||||
|
const requestFail = Symbol('requestFail') |
||||||
|
|
||||||
|
class MinRequest { |
||||||
|
[config]: RequestConfig = { |
||||||
|
baseURL: '', |
||||||
|
header: { |
||||||
|
'Content-Type': 'application/json;charset=UTF-8', |
||||||
|
}, |
||||||
|
method: 'GET', |
||||||
|
dataType: 'json', |
||||||
|
responseType: 'text' |
||||||
|
} as RequestConfig |
||||||
|
|
||||||
|
interceptors = { |
||||||
|
request: (func: RequestFunction) => { |
||||||
|
if (func) { |
||||||
|
MinRequest[requestBefore] = func |
||||||
|
} else { |
||||||
|
MinRequest[requestBefore] = (request) => request |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
fail: (func: (result: GeneralCallbackResult) => false) => { |
||||||
|
if (func) { |
||||||
|
MinRequest[requestFail] = func |
||||||
|
} else { |
||||||
|
MinRequest[requestFail] = (response: GeneralCallbackResult) => false |
||||||
|
} |
||||||
|
}, |
||||||
|
success: (func: RequestSuccessFunction<any>) => { |
||||||
|
if (func) { |
||||||
|
MinRequest[requestSuccess] = func |
||||||
|
} else { |
||||||
|
MinRequest[requestSuccess] = (response: UniNamespace.RequestSuccessCallbackResult) => null |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
static install: (Vue) => void; |
||||||
|
|
||||||
|
/** 请求前 */ |
||||||
|
static [requestBefore](config: RequestConfig) { |
||||||
|
return config |
||||||
|
} |
||||||
|
|
||||||
|
/** 请求失败 */ |
||||||
|
static [requestFail](response: UniNamespace.GeneralCallbackResult): false { |
||||||
|
return false |
||||||
|
} |
||||||
|
|
||||||
|
/** 请求成功 */ |
||||||
|
static [requestSuccess]<T = unknown>(response: UniNamespace.RequestSuccessCallbackResult): T { |
||||||
|
return null |
||||||
|
} |
||||||
|
|
||||||
|
/** url验证 */ |
||||||
|
static [isCompleteURL](url: string) { |
||||||
|
return /(http|https):\/\/([\w.]+\/?)\S*/.test(url) |
||||||
|
} |
||||||
|
|
||||||
|
setConfig(func: (config: RequestConfig) => RequestConfig) { |
||||||
|
this[config] = func(this[config]) |
||||||
|
} |
||||||
|
|
||||||
|
request<T = unknown>(options = {} as RequestConfig): Promise<T> { |
||||||
|
options.baseURL = options.baseURL || this[config].baseURL |
||||||
|
options.dataType = options.dataType || this[config].dataType |
||||||
|
options.url = MinRequest[isCompleteURL](options.url) ? options.url : (options.baseURL + options.url) |
||||||
|
options.header = {...options.header, ...this[config].header} |
||||||
|
options.method = options.method || this[config].method |
||||||
|
|
||||||
|
options = {...options, ...MinRequest[requestBefore](options)} |
||||||
|
|
||||||
|
return new Promise((resolve, reject) => { |
||||||
|
options.success = function (res) { |
||||||
|
resolve(MinRequest[requestSuccess]<T>(res)) |
||||||
|
} |
||||||
|
options.fail = function (err) { |
||||||
|
reject(MinRequest[requestFail](err)) |
||||||
|
} |
||||||
|
uni.request(options) |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
get<T = unknown>(url, data?: Record<string, unknown>, options = {} as RequestConfig): Promise<T> { |
||||||
|
options.url = url |
||||||
|
options.data = data |
||||||
|
options.method = 'GET' |
||||||
|
return this.request<T>(options) |
||||||
|
} |
||||||
|
|
||||||
|
post<T>(url, data?: Record<string, unknown>, options = {} as RequestConfig): Promise<T> { |
||||||
|
options.url = url |
||||||
|
options.data = data |
||||||
|
options.method = 'POST' |
||||||
|
return this.request<T>(options) |
||||||
|
} |
||||||
|
|
||||||
|
del<T>(url, data?: Record<string, unknown>, options = {} as RequestConfig): Promise<T> { |
||||||
|
options.url = url |
||||||
|
options.data = data |
||||||
|
options.method = 'DELETE' |
||||||
|
return this.request<T>(options) |
||||||
|
} |
||||||
|
|
||||||
|
put<T>(url, data?: Record<string, unknown>, options = {} as RequestConfig): Promise<T> { |
||||||
|
options.url = url |
||||||
|
options.data = data |
||||||
|
options.method = 'PUT' |
||||||
|
return this.request<T>(options) |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
MinRequest.install = function (Vue) { |
||||||
|
Vue.mixin({ |
||||||
|
beforeCreate: function () { |
||||||
|
if (this.$options.minRequest) { |
||||||
|
Vue._minRequest = this.$options.minRequest |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
Object.defineProperty(Vue.prototype, '$minApi', { |
||||||
|
get: function () { |
||||||
|
return Vue._minRequest.apis |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
export default MinRequest |
||||||
@ -0,0 +1,94 @@ |
|||||||
|
/** 请求超时时间 */ |
||||||
|
export const REQUEST_TIMEOUT = 6 * 1000 |
||||||
|
/** 默认的请求错误code */ |
||||||
|
export const DEFAULT_REQUEST_ERROR_CODE = 'DEFAULT' |
||||||
|
/** 默认的请求错误文本 */ |
||||||
|
export const DEFAULT_REQUEST_ERROR_MSG = '请求错误~' |
||||||
|
/** 请求超时的错误code(为固定值：ECONNABORTED) */ |
||||||
|
export const REQUEST_TIMEOUT_CODE = 'ECONNABORTED' |
||||||
|
/** 请求超时的错误文本 */ |
||||||
|
export const REQUEST_TIMEOUT_MSG = '请求超时~' |
||||||
|
/** 网络不可用的code */ |
||||||
|
export const NETWORK_ERROR_CODE = 'NETWORK_ERROR' |
||||||
|
/** 网络不可用的错误文本 */ |
||||||
|
export const NETWORK_ERROR_MSG = '网络不可用~' |
||||||
|
/** 响应的数据错误的code */ |
||||||
|
export const RESPONSE_ERROR_CODE = 'INVALID_DATA' |
||||||
|
/** 响应的数据错误文本 */ |
||||||
|
export const RESPONSE_ERROR_MSG = '服务器响应异常~' |
||||||
|
/** 越界请求接口的错误code */ |
||||||
|
export const API_OVERSTEP_CODE = 'OVERSTEP' |
||||||
|
/** 越界请求接口的错误文本 */ |
||||||
|
export const API_OVERSTEP_MSG = '请求越界~' |
||||||
|
|
||||||
|
export const ERROR_STATUS: Record<number | string, string> = { |
||||||
|
'400': '400: 请求出现语法错误~', |
||||||
|
'401': '401: 用户未授权~', |
||||||
|
'-102': '-102: token失效~', |
||||||
|
'403': '403: 服务器拒绝访问~', |
||||||
|
'404': '404: 请求的资源不存在~', |
||||||
|
'405': '405: 请求方法未允许~', |
||||||
|
'429': '您请求太频繁了，请休息一会~', |
||||||
|
'408': '408: 网络请求超时~', |
||||||
|
'500': '500: 服务器内部错误~', |
||||||
|
'501': '501: 服务器未实现请求功能~', |
||||||
|
'502': '502: 错误网关~', |
||||||
|
'503': '503: 服务不可用~', |
||||||
|
'504': '504: 网关超时~', |
||||||
|
'505': '505: http版本不支持该请求~', |
||||||
|
[DEFAULT_REQUEST_ERROR_CODE]: DEFAULT_REQUEST_ERROR_MSG, |
||||||
|
[NETWORK_ERROR_CODE]: NETWORK_ERROR_MSG, |
||||||
|
[REQUEST_TIMEOUT_CODE]: REQUEST_TIMEOUT_MSG, |
||||||
|
[RESPONSE_ERROR_CODE]: RESPONSE_ERROR_MSG, |
||||||
|
[API_OVERSTEP_CODE]: API_OVERSTEP_MSG, |
||||||
|
} |
||||||
|
|
||||||
|
export type ErrorStatus = keyof typeof ERROR_STATUS |
||||||
|
|
||||||
|
export type RequestConfig = UniNamespace.RequestOptions & { |
||||||
|
baseURL: string |
||||||
|
token: string |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** 请求拦截前回调 */ |
||||||
|
export type RequestFunction = (config: RequestConfig) => RequestConfig |
||||||
|
|
||||||
|
|
||||||
|
interface ProblemsData { |
||||||
|
code: number, |
||||||
|
message: string |
||||||
|
} |
||||||
|
|
||||||
|
interface ProblemsObject { |
||||||
|
[key: string]: ProblemsData[] |
||||||
|
} |
||||||
|
|
||||||
|
/** 服务请求错误 */ |
||||||
|
interface ErrorResult { |
||||||
|
code: ErrorStatus |
||||||
|
message: string |
||||||
|
problems?: ProblemsObject |
||||||
|
success: false |
||||||
|
} |
||||||
|
|
||||||
|
export type GeneralCallbackResult = UniNamespace.GeneralCallbackResult & { |
||||||
|
data: ErrorResult |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
/** 服务器请求成功 */ |
||||||
|
export interface SuccessResult<T = unknown> { |
||||||
|
data: T |
||||||
|
message: string |
||||||
|
problems?: ProblemsObject |
||||||
|
success: true |
||||||
|
} |
||||||
|
|
||||||
|
export type RequestSuccessCallbackResult<T = unknown> = UniNamespace.RequestSuccessCallbackResult & { |
||||||
|
data: SuccessResult<T> |
||||||
|
} |
||||||
|
|
||||||
|
/** 请求成功 */ |
||||||
|
export type RequestSuccessFunction<T> = (result: RequestSuccessCallbackResult) => T |
||||||
|
|
||||||
@ -0,0 +1,7 @@ |
|||||||
|
import minRequest from "@/api/server/interceptors"; |
||||||
|
|
||||||
|
export default { |
||||||
|
login(data: UserType.Login) { |
||||||
|
return minRequest.get('/municipal-manager/auth/staff-login', data) |
||||||
|
} |
||||||
|
} |
||||||
@ -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 |
||||||
|
} |
||||||
@ -0,0 +1,13 @@ |
|||||||
|
import {createSSRApp} from "vue"; |
||||||
|
import App from "./App.vue"; |
||||||
|
import {pinia} from '@/store' |
||||||
|
|
||||||
|
import './static/tailwindcss' |
||||||
|
|
||||||
|
export function createApp() { |
||||||
|
const app = createSSRApp(App); |
||||||
|
app.use(pinia) |
||||||
|
return { |
||||||
|
app, |
||||||
|
}; |
||||||
|
} |
||||||
@ -0,0 +1,72 @@ |
|||||||
|
{ |
||||||
|
"name" : "", |
||||||
|
"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" |
||||||
|
} |
||||||
@ -0,0 +1,27 @@ |
|||||||
|
{ |
||||||
|
"easycom": { |
||||||
|
"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" |
||||||
|
}, |
||||||
|
"pages": [ |
||||||
|
{ |
||||||
|
"path": "pages/login/index", |
||||||
|
"style": { |
||||||
|
"navigationBarTitleText": "登录", |
||||||
|
"navigationStyle": "custom" |
||||||
|
} |
||||||
|
}, |
||||||
|
{ |
||||||
|
"path": "pages/index/index", |
||||||
|
"style": { |
||||||
|
"navigationBarTitleText": "销售记录", |
||||||
|
"navigationStyle": "custom" |
||||||
|
} |
||||||
|
} |
||||||
|
], |
||||||
|
"globalStyle": { |
||||||
|
"navigationBarTextStyle": "black", |
||||||
|
"navigationBarTitleText": "uni-app", |
||||||
|
"navigationBarBackgroundColor": "#F8F8F8", |
||||||
|
"backgroundColor": "#F8F8F8" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,37 @@ |
|||||||
|
<template> |
||||||
|
<view class="content"> |
||||||
|
|
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script setup lang="ts"> |
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.content { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
|
||||||
|
.logo { |
||||||
|
height: 200rpx; |
||||||
|
width: 200rpx; |
||||||
|
margin-top: 200rpx; |
||||||
|
margin-left: auto; |
||||||
|
margin-right: auto; |
||||||
|
margin-bottom: 50rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.text-area { |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
} |
||||||
|
|
||||||
|
.title { |
||||||
|
font-size: 36rpx; |
||||||
|
color: #8f8f94; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,33 @@ |
|||||||
|
<template> |
||||||
|
<div class="p-4 pt-32"> |
||||||
|
<input class="pt-10 pb-10 text-base border-b-2 border-gray-100" |
||||||
|
type="number" |
||||||
|
placeholder="请输入手机号" |
||||||
|
v-model="params.phone_number"> |
||||||
|
|
||||||
|
<view class="flex items-center pt-10 pb-5 justify-between border-b-2 border-gray-100"> |
||||||
|
<input type="number" |
||||||
|
class="text-base" |
||||||
|
placeholder="请输入验证码" |
||||||
|
v-model="params.code"> |
||||||
|
<a plain class="text-blue-600">获取验证码</a> |
||||||
|
</view> |
||||||
|
<button class="bg-blue-600 text-white mt-20 font-sans">登录</button> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts" setup> |
||||||
|
import {onMounted, reactive} from "vue"; |
||||||
|
import api from "@/api/user"; |
||||||
|
|
||||||
|
const params = reactive({ |
||||||
|
code: "", |
||||||
|
phone_number: "" |
||||||
|
}) |
||||||
|
|
||||||
|
onMounted(async () => { |
||||||
|
const res = await api.login({}) |
||||||
|
console.log(res) |
||||||
|
|
||||||
|
}) |
||||||
|
</script> |
||||||
@ -0,0 +1,6 @@ |
|||||||
|
export {} |
||||||
|
|
||||||
|
declare module "vue" { |
||||||
|
type Hooks = App.AppInstance & Page.PageInstance; |
||||||
|
interface ComponentCustomOptions extends Hooks {} |
||||||
|
} |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,21 @@ |
|||||||
|
import useStore from './user/index' |
||||||
|
import {createPinia} from "pinia"; |
||||||
|
import {createPersistedState} from "pinia-plugin-persistedstate"; |
||||||
|
|
||||||
|
export const pinia = createPinia().use( |
||||||
|
createPersistedState({ |
||||||
|
storage: { |
||||||
|
getItem(key: string): string | null { |
||||||
|
return uni.getStorageSync(key) |
||||||
|
}, |
||||||
|
setItem(key: string, value: string) { |
||||||
|
uni.setStorageSync(key, value) |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
) |
||||||
|
|
||||||
|
|
||||||
|
export { |
||||||
|
useStore, |
||||||
|
} |
||||||
@ -0,0 +1,18 @@ |
|||||||
|
import {defineStore} from 'pinia' |
||||||
|
|
||||||
|
|
||||||
|
export default defineStore('global', { |
||||||
|
persist: { |
||||||
|
key: 'pinia', |
||||||
|
paths: ['user'] |
||||||
|
}, |
||||||
|
state: (): StateType => ({ |
||||||
|
user: undefined |
||||||
|
}), |
||||||
|
actions: { |
||||||
|
setData<T extends keyof StateType>({key, value}: { key: T, value: any }) { |
||||||
|
this[key] = value |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
@ -0,0 +1,77 @@ |
|||||||
|
/** |
||||||
|
* 这里是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; |
||||||
@ -0,0 +1,44 @@ |
|||||||
|
{ |
||||||
|
"extends": "@vue/tsconfig/tsconfig.json", |
||||||
|
"compilerOptions": { |
||||||
|
"target": "ES2020", |
||||||
|
"module": "ES2020", |
||||||
|
"strict": true, |
||||||
|
"jsx": "preserve", |
||||||
|
"moduleResolution": "node", |
||||||
|
"experimentalDecorators": true, |
||||||
|
"skipLibCheck": true, |
||||||
|
"esModuleInterop": true, |
||||||
|
"allowJs": true, |
||||||
|
"outDir": ".", |
||||||
|
"allowSyntheticDefaultImports": true, |
||||||
|
"forceConsistentCasingInFileNames": true, |
||||||
|
"useDefineForClassFields": true, |
||||||
|
"sourceMap": true, |
||||||
|
"baseUrl": ".", |
||||||
|
"paths": { |
||||||
|
"@/*": [ |
||||||
|
"./src/*" |
||||||
|
] |
||||||
|
}, |
||||||
|
"lib": [ |
||||||
|
"esnext", |
||||||
|
"es2020", |
||||||
|
"dom" |
||||||
|
], |
||||||
|
"types": [ |
||||||
|
"@dcloudio/types" |
||||||
|
] |
||||||
|
}, |
||||||
|
"include": [ |
||||||
|
"types/**/*.d.ts", |
||||||
|
"src/**/*.ts", |
||||||
|
"src/**/*.d.ts", |
||||||
|
"src/**/*.tsx", |
||||||
|
"src/**/*.vue", |
||||||
|
"src/**/*.js" |
||||||
|
], |
||||||
|
"exclude": [ |
||||||
|
"node_modules" |
||||||
|
] |
||||||
|
} |
||||||
@ -0,0 +1,9 @@ |
|||||||
|
interface SystemInfo { |
||||||
|
statusBarHeight: number, |
||||||
|
navHeight: number |
||||||
|
navigationBarHeight: number |
||||||
|
safeAreaTop: number, |
||||||
|
safeAreaBottom: number |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
@ -0,0 +1,11 @@ |
|||||||
|
interface StateType { |
||||||
|
user?: any |
||||||
|
} |
||||||
|
namespace UserType { |
||||||
|
export interface Login { |
||||||
|
mobile: string |
||||||
|
business: string |
||||||
|
|
||||||
|
[key: string]: string |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,12 @@ |
|||||||
|
import {defineConfig} from "vite"; |
||||||
|
import uni from "@dcloudio/vite-plugin-uni"; |
||||||
|
import path from 'path' |
||||||
|
|
||||||
|
export default defineConfig({ |
||||||
|
plugins: [uni()], |
||||||
|
resolve: { |
||||||
|
alias: { |
||||||
|
'@': path.resolve(__dirname, 'src') |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
Loading…
Reference in new issue