+ * htmlAddAnimations('box')
+ *
+ * 参数说明：
+ * data-animation: 填写需要添加的动画效果class名 （https://animate.style/）（https://blog.csdn.net/a1056244734/article/details/113884374）
+ * op0：除 /可视区域/ 外在class加上此class名
+ */
+ export function htmlAddAnimations(opt) {
+ let oTagDomList = opt?.tagDom ? [...document.getElementsByClassName(opt.tagDom)[0].querySelectorAll('*')] : [...document.body.querySelectorAll('*')],
+ domAnimationInfoPool = []
+ oTagDomList.map((domItem, idx) => {
+ let animationName = domItem.getAttribute('data-animation')
+ if (animationName) {
+ domAnimationInfoPool.push({
+ dom: domItem,
+ animationName
+ })
+ }
+ })
+
+ let windowScrollEvent = function (e) {
+ for (let i = domAnimationInfoPool.length - 1; i >= 0; i--) {
+ let infoItem = domAnimationInfoPool[i]
+ if (infoItem.dom.getBoundingClientRect().top +
+ infoItem.dom.getBoundingClientRect().height <
+ window.innerHeight * (opt?.preload || 1.5)) {
+ infoItem.dom.classList.remove('op0')
+ infoItem.animationName.split(' ').map(item => {
+ if (item) {
+ infoItem.dom.classList.add(item)
+ }
+ })
+ }
+ }
+ }
+ window.addEventListener('scroll', windowScrollEvent, false)
+ windowScrollEvent()
+ }
+
+
+ /**
+ *
+ * @param opt
+ * opt:{
+ * 触发的分辨率：要减少的字体
+ * }
+ * 需要放到onMounted使用
+ * @example：
+ * 使用前要在对应的容器加上类名：font-size-box
+ * fontSizeReactive({
+ * 880:1,
+ * 480:2
+ * })
+ * 这里要注意的是，减少的字体是会叠加减少的，例如：
+ * 我初始字体是15px，我的配置项为
+ * {
+ * 880：1，
+ * 480：2
+ * }，一般来说按照这个配置项的话，我字体在屏幕小于880px的时候会变成14px，在小于480的时候会变成13px
+ * 但实际的话是在小于880的时候会变成14px，小于480的时候会变成12px，也就是会把880也算上
+ */
+ export function fontSizeReactive(opt = {
+ 880: 1,
+ 480: 1,
+ }) {
+ let oBox = document.getElementsByClassName('font-size-box')[0]
+ let tag = oBox ? [...oBox.querySelectorAll('*')] : [...document.querySelectorAll('*')]
+ tag.map(item => {
+ let fontSize = getComputedStyle(item, null)['fontSize'].replace('px', '')
+ item.style.setProperty('font-size', fontSize + 'px')
+ })
+
+
+ let fnTpl = ''
+ for (let key in opt) {
+ fnTpl += `
+ ${key}(ctx) {
+ if (ctx.matches) {
+ tag.map(item => {
+ item.style.fontSize = item.style.fontSize.replace('px', '') - ${opt[key]} + 'px'
+
+ })
+ } else {
+ tag.map(item => {
+ item.style.fontSize = Number(item.style.fontSize.replace('px', '')) + ${opt[key]} + 'px'
+
+ })
+ }
+ },`
+ }
+ (new Function('fn,tag', `
+ fn({
+ ${fnTpl}
+ })
+ `))(function (opt) {
+ for (let optKey in opt) {
+ let mediaCtx = window !== undefined ? window.matchMedia(`(max-width: ${optKey}px)`) : global.matchMedia(`(max-width: ${optKey}px)`)
+ if (mediaCtx ?.matches) {
+ opt[optKey](mediaCtx)
+ }
+ mediaCtx.addListener(opt[optKey])
+ }
+ }, tag)
+ }
\ No newline at end of file
diff --git a/utils/api.ts b/utils/api.ts
new file mode 100644
index 0000000..c568085
--- /dev/null
+++ b/utils/api.ts
@@ -0,0 +1,10 @@
+import Http from './request'
+
+
+export const get = (address,params?) => {
+ return Http.get(address, params)
+}
+
+export const post = (address,params?) => {
+ return Http.post(address, params)
+}
\ No newline at end of file
diff --git a/utils/request.ts b/utils/request.ts
new file mode 100644
index 0000000..ad9bc15
--- /dev/null
+++ b/utils/request.ts
@@ -0,0 +1,62 @@
+import { _AsyncData } from 'nuxt3/dist/app/composables/asyncData'
+//import baseUrl from './baseUrl'
+import { ElMessage } from 'element-plus'
+
+let baseUrl = '/api-v'
+// 指定后端返回的基本数据类型
+export interface ResponseConfig {
+ code: number,
+ status: number,
+ data: any,
+ msg: string
+}
+export interface ValueConfig {
+ value: any,
+
+}
+
+const fetch = (url: string, options?: any): Promise
=> {
+ const reqUrl = baseUrl + url
+ return new Promise((resolve, reject) => {
+ useFetch(reqUrl, { ...options }).then(({ data, error }: _AsyncData) => {
+ if (error.value) {
+ reject(error.value)
+ return
+ }
+ const value = data.value
+ if (!value) {
+ // 这里处理错误回调
+ // reject(value)
+ // $router.replace('/reject/' + value.status)
+ }else if(value.code == 1){
+ ElMessage({
+ message: value.msg,
+ type: 'error',
+ })
+ } else {
+ resolve(ref(value))
+ }
+ }).catch((err: any) => {
+ reject(err)
+ })
+ })
+}
+
+export default new class Http {
+
+ get(url: string, params?: any): Promise {
+ return fetch(url, { method: 'get', params })
+ }
+
+ post(url: string, params?: any): Promise {
+ return fetch(url, { method: 'post', params })
+ }
+
+ put(url: string, body?: any): Promise {
+ return fetch(url, { method: 'put', body })
+ }
+
+ delete(url: string, body?: any): Promise {
+ return fetch(url, { method: 'delete', body })
+ }
+}
+ 
+ 
+
+ 
+ 
+ 
+