{"version":3,"sources":["uni-app:///main.js","webpack:///D:/Code2024/图鸟模板-社区/minePages/about.vue?5194","webpack:///D:/Code2024/图鸟模板-社区/minePages/about.vue?d30c","webpack:///D:/Code2024/图鸟模板-社区/minePages/about.vue?2fc1","webpack:///D:/Code2024/图鸟模板-社区/minePages/about.vue?af6c","uni-app:///minePages/about.vue","webpack:///D:/Code2024/图鸟模板-社区/minePages/about.vue?ff75","webpack:///D:/Code2024/图鸟模板-社区/minePages/about.vue?788a"],"names":["wx","__webpack_require_UNI_MP_PLUGIN__","__webpack_require__","createPage","Page","name","mixins","data","windowHeight","windowWidth","actionTimer","animationTimer","queue","ctx","onLoad","onReady","setTimeout","onUnload","methods","getSystemInfo","generateBubble","uni","src","success","id","timer","opacity","pathData","image","factor","speed","t","generatePathData","height","x","y","updatePath","bubbleAnimate","Object","anmationData","curWidth","curAlpha","clearActionTimer","clearInterval","clearAnimationTimer","clearTimeout"],"mappings":";;;;;;;;;;;;;AAAA;AAGA;AACA;AAHA;AACAA,EAAE,CAACC,iCAAiC,GAAGC,mBAAmB;AAG1DC,UAAU,CAACC,cAAI,CAAC,C;;;;;;;;;;;;;ACLhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAA8H;AAC9H;AACyD;AACL;AACsC;;;AAG1F;AACwM;AACxM,gBAAgB,qNAAU;AAC1B,EAAE,2EAAM;AACR,EAAE,4FAAM;AACR,EAAE,qGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,gGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,wRAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACjCA;AAAA;AAAA;AAAA;AAA2xB,CAAgB,uzBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;ACmD/yB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eACA;EACAC;EACAC;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;IACA;EACA;EACAC;IACA;EACA;EACAC;IAAA;IACA;MACA;MACA;MAEAC;QACA;UACA;QACA;MACA;IACA;EACA;EACAC;IACA;IACA;EACA;EACAC;IACA;IACAC;MAAA;MACA;MACA;QACAH;UACA;QACA;QACA;MACA;MAEA;MACA;IACA;IAEA;IACAI;MAAA;MACA;MACAC;QACAC;QACAC;UACA;YACA;cACAC;cACAC;cACAC;cACAC;cACAC;cACAC;gBACAC;gBAAA;gBACAC;cACA;YACA;;YACA;cACA;YACA;cACA;cACA;YACA;UACA;QACA;MACA;IACA;IAEA;IACA;IACAC;MACA;QACAC;MACA;QACAC;QACAC;MACA;MACA;QACAD;QACAC;MACA;MACA;QACAD;QACAC;MACA;MACA;QACAD;QACAC;MACA;MACA;IACA;IACA;IACAC;MACA;MACA;MACA;MACA;MAEA;;MAEA;MACA;MACA;MACA;MAEA;MACA;MACA;MAEA;MACA;MACA;MACA;QACAF;QACAC;MACA;IACA;IACA;IACAE;MAAA;MACA;QACAJ;MACAK;QACA;QACA,wBAGA,kBACAC,uBACAA,oBACA;UALAL;UACAC;QAKA;QACAI;QAEA;QACAC;QACAA;QAEA;QACAC;QACAA;QACA;QACA;QACA;QACA;QACA;UACA;QACA;QACA;UACA;QACA;MACA;MACA;MACA;QACA;UACA;QACA;MACA;QACA;QACA;MACA;IACA;IAEA;IACAC;MACA;QACAC;MACA;IACA;IACAC;MACA;QACAC;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;;AC1OA;AAAA;AAAA;AAAA;AAAk/C,CAAgB,89CAAG,EAAC,C;;;;;;;;;;;ACAtgD;AACA,OAAO,KAAU,EAAE,kBAKd","file":"minePages/about.js","sourcesContent":["import 'uni-pages';\n// @ts-ignore\nwx.__webpack_require_UNI_MP_PLUGIN__ = __webpack_require__;\nimport Vue from 'vue'\nimport Page from './minePages/about.vue'\ncreatePage(Page)","import { render, staticRenderFns, recyclableRender, components } from \"./about.vue?vue&type=template&id=6bb6a2de&scoped=true&\"\nvar renderjs\nimport script from \"./about.vue?vue&type=script&lang=js&\"\nexport * from \"./about.vue?vue&type=script&lang=js&\"\nimport style0 from \"./about.vue?vue&type=style&index=0&id=6bb6a2de&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6bb6a2de\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"minePages/about.vue\"\nexport default component.exports","export * from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./about.vue?vue&type=template&id=6bb6a2de&scoped=true&\"","var components\ntry {\n  components = {\n    tnNavBar: function () {\n      return import(\n        /* webpackChunkName: \"tuniao-ui/components/tn-nav-bar/tn-nav-bar\" */ \"@/tuniao-ui/components/tn-nav-bar/tn-nav-bar.vue\"\n      )\n    },\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范,文档:https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./about.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./about.vue?vue&type=script&lang=js&\"","<template>\r\n  <view class=\"template-about\">\r\n    <!-- 顶部自定义导航 -->\r\n    <tn-nav-bar fixed alpha customBack>\r\n      <view slot=\"back\" class='tn-custom-nav-bar__back'\r\n        @click=\"goBack\">\r\n        <text class='icon tn-icon-left'></text>\r\n        <text class='icon tn-icon-home-capsule-fill'></text>\r\n      </view>\r\n    </tn-nav-bar>\r\n    \r\n    <canvas canvas-id=\"bubble\" id=\"bubble\" class=\"bubble\" :style=\"{width: `${windowWidth}px`, height: `${windowHeight}px`}\"></canvas>\r\n    \r\n    <view class=\"container about-bg\" style=\"background-image:url('https://resource.tuniaokj.com/images/about/about.png')\">\r\n    </view>\r\n    \r\n    <button class='' open-type=\"contact\">\r\n      <view class=\"wechat tnxuanfu\">\r\n        <view class=\"bg0 pa\">\r\n          <view class=\"bg1\">\r\n            <image src=\"https://resource.tuniaokj.com/images/my/my7.png\" class=\"button-shop shadow\"></image>\r\n          </view>\r\n        </view>\r\n        <view class=\"hx-box pa\">\r\n          <view class=\"pr\">\r\n            <view class=\"hx-k1 pa0\">\r\n              <view class=\"span\"></view>\r\n            </view>\r\n            <view class=\"hx-k2 pa0\">\r\n              <view class=\"span\"></view>\r\n            </view>\r\n            <view class=\"hx-k3 pa0\">\r\n              <view class=\"span\"></view>\r\n            </view>\r\n            <view class=\"hx-k4 pa0\">\r\n              <view class=\"span\"></view>\r\n            </view>\r\n            <view class=\"hx-k5 pa0\">\r\n              <view class=\"span\"></view>\r\n            </view>\r\n            <view class=\"hx-k6 pa0\">\r\n              <view class=\"span\"></view>\r\n            </view>\r\n          </view>\r\n        </view>\r\n      </view>\r\n    </button>\r\n  </view>\r\n</template>\r\n\r\n<script>\r\n  import template_page_mixin from '@/libs/mixin/template_page_mixin.js'\r\n  export default {\r\n    name: 'TemplateAbout',\r\n    mixins: [template_page_mixin],\r\n    data(){\r\n      return {\r\n        windowHeight: 0,\r\n        windowWidth: 0,\r\n        actionTimer: null,\r\n        animationTimer: null,\r\n        queue: {},\r\n        ctx: null\r\n      }\r\n    },\r\n    onLoad() {\r\n      this.getSystemInfo()\r\n    },\r\n    onReady() {\r\n      this.$nextTick(() => {\r\n        this.queue = {}\r\n        this.ctx = uni.createCanvasContext(\"bubble\", this)\r\n        \r\n        setTimeout(() => {\r\n          this.actionTimer = setInterval(() => {\r\n            this.generateBubble()\r\n          }, 500)\r\n        }, 1000)\r\n      })\r\n    },\r\n    onUnload() {\r\n      this.clearActionTimer()\r\n      this.clearAnimationTimer()\r\n    },\r\n    methods: {\r\n      // 获取系统信息\r\n      getSystemInfo() {\r\n        const systemInfo = uni.getSystemInfoSync()\r\n        if (!systemInfo) {\r\n          setTimeout(() => {\r\n            this.getSystemInfo()\r\n          }, 50)\r\n          return\r\n        }\r\n        \r\n        this.windowHeight = systemInfo.safeArea.height\r\n        this.windowWidth = systemInfo.safeArea.width\r\n      },\r\n      \r\n      // 生成泡泡\r\n      generateBubble() {\r\n        const image = \"https://resource.tuniaokj.com/images/bubble/\" + this.$t.number.randomInt(1, 33) + \".png\"\r\n        uni.getImageInfo({\r\n          src: image,\r\n          success: (res) => {\r\n            if (res.errMsg === 'getImageInfo:ok') {\r\n              const anmationData = {\r\n                id: new Date().getTime(),\r\n                timer: 0,\r\n                opacity: 0,\r\n                pathData: this.generatePathData(),\r\n                image: res.path,\r\n                factor: {\r\n                  speed: 0.0006, // 运动速度,值越小越慢\r\n                  t: 0.1 //  贝塞尔函数系数,当为0,就是从无到有,这时候屏幕高度也要调一下\r\n                }\r\n              }\r\n              if (Object.keys(this.queue).length > 0) {\r\n                this.queue[anmationData.id] = anmationData\r\n              } else {\r\n                this.queue[anmationData.id] = anmationData\r\n                this.bubbleAnimate()\r\n              }\r\n            }\r\n          }\r\n        })\r\n      },\r\n      \r\n      /* 动画相关 */\r\n      // 生成运动的路径数据\r\n      generatePathData() {\r\n        let width = this.windowWidth,\r\n          height = this.windowHeight;\r\n        const p0 = {\r\n          x: 0.72 * width,\r\n          y: height\r\n        }\r\n        const p1 = {\r\n          x: this.$t.number.random(0.22 * width, 0.33 * width),\r\n          y: this.$t.number.random(0.5 * height, 0.75 * height)\r\n        }\r\n        const p2 = {\r\n          x: this.$t.number.random(0, 0.88 * width),\r\n          y: this.$t.number.random(0.25 * height, 0.5 * height)\r\n        }\r\n        const p3 = {\r\n          x: this.$t.number.random(0, 0.88 * width),\r\n          y: this.$t.number.random(0, 0.125 * height)\r\n        }\r\n        return [p0, p1, p2, p3]\r\n      },\r\n      // 更新运动的路径\r\n      updatePath(data, factor) {\r\n        const p0 = data[0]\r\n        const p1 = data[1]\r\n        const p2 = data[2]\r\n        const p3 = data[3]\r\n      \r\n        const t = factor.t\r\n      \r\n        /*计算多项式系数 (下同)*/\r\n        const cx1 = 3 * (p1.x - p0.x)\r\n        const bx1 = 3 * (p2.x - p1.x) - cx1\r\n        const ax1 = p3.x - p0.x - cx1 - bx1\r\n      \r\n        const cy1 = 3 * (p1.y - p0.y)\r\n        const by1 = 3 * (p2.y - p1.y) - cy1\r\n        const ay1 = p3.y - p0.y - cy1 - by1\r\n      \r\n        const x = ax1 * (t * t * t) + bx1 * (t * t) + cx1 * t + p0.x\r\n        const y = ay1 * (t * t * t) + by1 * (t * t) + cy1 * t + p0.y\r\n        // console.log(p0.y, p1.y, p2.y, p3.y, y);\r\n        return {\r\n          x,\r\n          y\r\n        }\r\n      },\r\n      // 执行泡泡动画\r\n      bubbleAnimate() {\r\n        let width = this.windowWidth,\r\n          height = this.windowHeight;\r\n        Object.keys(this.queue).forEach(key => {\r\n          const anmationData = this.queue[+key];\r\n          const {\r\n            x,\r\n            y\r\n          } = this.updatePath(\r\n            anmationData.pathData,\r\n            anmationData.factor\r\n          )\r\n          const speed = anmationData.factor.speed\r\n          anmationData.factor.t += speed\r\n      \r\n          var curWidth = 30\r\n          curWidth = (height - y) / 1.5\r\n          curWidth = Math.min(30, curWidth)\r\n      \r\n          var curAlpha = anmationData.opacity\r\n          curAlpha = y / (0.3 * height) //消失的高度适当调一下\r\n          curAlpha = Math.min(1, curAlpha)\r\n          this.ctx.globalAlpha = curAlpha\r\n          this.ctx.drawImage(anmationData.image, x - curWidth / 2, y, curWidth, curWidth)\r\n          // this.ctx.setFillStyle('red')\r\n          // this.ctx.fillRect(x - curWidth / 2, y, 50, 50)\r\n          if (anmationData.factor.t > 1) {\r\n            delete this.queue[anmationData.id]\r\n          }\r\n          if (y > height) {\r\n            delete this.queue[anmationData.id]\r\n          }\r\n        })\r\n        this.ctx.draw()\r\n        if (Object.keys(this.queue).length > 0) {\r\n          this.animationTimer = setTimeout(() => {\r\n            this.bubbleAnimate()\r\n          }, 5)\r\n        } else {\r\n          this.clearAnimationTimer()()\r\n          this.ctx.draw() // 清空画面\r\n        }\r\n      },\r\n      \r\n      // 清除定时器\r\n      clearActionTimer() {\r\n        if (this.actionTimer) {\r\n          clearInterval(this.actionTimer)\r\n        }\r\n      },\r\n      clearAnimationTimer() {\r\n        if (this.animationTimer) {\r\n          clearTimeout(this.animationTimer)\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .template-about {\r\n    margin: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    color: #fff;\r\n    background: linear-gradient(-120deg, #F15BB5, #9A5CE5, #01BEFF, #00F5D4);\r\n    /* background: linear-gradient(-120deg,  #9A5CE5, #01BEFF, #00F5D4, #43e97b); */\r\n    /* background: linear-gradient(-120deg,#c471f5, #ec008c, #ff4e50,#f9d423); */\r\n    /* background: linear-gradient(-120deg, #0976ea, #c471f5, #f956b6, #ea7e0a); */\r\n    background-size: 500% 500%;\r\n    animation: gradientBG 15s ease infinite;\r\n    \r\n    position: relative;\r\n    \r\n    .bubble {\r\n      position: fixed;\r\n      bottom: -10vh;\r\n      right: 0;\r\n      z-index: 1024;\r\n      pointer-events: none;\r\n      // background-color: red;\r\n    }\r\n  }\r\n  \r\n  \r\n  .about-bg {\r\n    background-size: cover;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    color: #fff;\r\n  }\r\n  \r\n\r\n  \r\n\r\n  @keyframes gradientBG {\r\n    0% {\r\n      background-position: 0% 50%;\r\n    }\r\n  \r\n    50% {\r\n      background-position: 100% 50%;\r\n    }\r\n  \r\n    100% {\r\n      background-position: 0% 50%;\r\n    }\r\n  }\r\n  \r\n  .container {\r\n    width: 100%;\r\n    position: absolute;\r\n    text-align: center;\r\n  }\r\n  \r\n  /* 胶囊*/\r\n  .tn-custom-nav-bar__back {\r\n    width: 100%;\r\n    height: 100%;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: space-evenly;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n    background-color: rgba(0, 0, 0, 0.15);\r\n    border-radius: 1000rpx;\r\n    border: 1rpx solid rgba(255, 255, 255, 0.5);\r\n    color: #FFFFFF;\r\n    font-size: 18px;\r\n    \r\n    .icon {\r\n      display: block;\r\n      flex: 1;\r\n      margin: auto;\r\n      text-align: center;\r\n    }\r\n    \r\n    &:before {\r\n      content: \" \";\r\n      width: 1rpx;\r\n      height: 110%;\r\n      position: absolute;\r\n      top: 22.5%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: auto;\r\n      transform: scale(0.5);\r\n      transform-origin: 0 0;\r\n      pointer-events: none;\r\n      box-sizing: border-box;\r\n      opacity: 0.7;\r\n      background-color: #FFFFFF;\r\n    }\r\n  }\r\n  \r\n  /* 悬浮 */\r\n  .tnxuanfu{\r\n    animation: suspension 3s ease-in-out infinite;\r\n  }\r\n  \r\n  @keyframes suspension {\r\n    0%, 100% {\r\n      transform: translateY(0);\r\n    }\r\n    50% {\r\n      transform: translateY(-0.8rem);\r\n    }\r\n  }\r\n  /* 悬浮按钮 */\r\n  .button-shop {\r\n    width: 90rpx;\r\n    height: 90rpx;\r\n    display: flex;\r\n    flex-direction: row;\r\n    position: fixed;\r\n    /* bottom:200rpx;\r\n      right: 20rpx; */\r\n    left: 5rpx;\r\n    top: 5rpx;\r\n    z-index: 1001;\r\n    border-radius: 100px;\r\n    opacity: 0.9;\r\n  }\r\n  \r\n  \r\n  /* 按钮 */\r\n  .wechat {\r\n    bottom: 300rpx;\r\n    right: 75rpx;\r\n    position: fixed;\r\n    z-index: 9999;\r\n  }\r\n  \r\n  \r\n  .pa,\r\n  .pa0 {\r\n    position: absolute\r\n  }\r\n  \r\n  .pa0 {\r\n    left: 0;\r\n    top: 0\r\n  }\r\n  \r\n  \r\n  .bg0 {\r\n    width: 100rpx;\r\n    height: 100rpx;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n  \r\n  .bg1 {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  \r\n  \r\n  \r\n  \r\n  .hx-box {\r\n    top: 50%;\r\n    left: 50%;\r\n    width: 100rpx;\r\n    height: 100rpx;\r\n    transform-style: preserve-3d;\r\n    transform: translate(-50%, -50%) rotateY(75deg) rotateZ(10deg);\r\n  }\r\n  \r\n  .hx-box .pr {\r\n    width: 100rpx;\r\n    height: 100rpx;\r\n    transform-style: preserve-3d;\r\n    animation: hxz 20s linear infinite;\r\n  }\r\n  \r\n  @keyframes hxz {\r\n    0% {\r\n      transform: rotateX(0deg);\r\n    }\r\n  \r\n    100% {\r\n      transform: rotateX(-360deg);\r\n    }\r\n  }\r\n  \r\n  \r\n  \r\n  .hx-box .pr .pa0 {\r\n    width: 100rpx;\r\n    height: 100rpx;\r\n    /* border: 4px solid #5ec0ff; */\r\n    border-radius: 1000px;\r\n  }\r\n  \r\n  .hx-box .pr .pa0 .span {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: url(https://resource.tuniaokj.com/images/cool_bg_image/arc4.png) no-repeat center center;\r\n    background-size: 100% 100%;\r\n    animation: hx 4s linear infinite;\r\n  }\r\n  \r\n  @keyframes hx {\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n  \r\n  .hx-k1 {\r\n    transform: rotateX(-60deg) rotateZ(-60deg)\r\n  }\r\n  \r\n  .hx-k2 {\r\n    transform: rotateX(-30deg) rotateZ(-30deg)\r\n  }\r\n  \r\n  .hx-k3 {\r\n    transform: rotateX(0deg) rotateZ(0deg)\r\n  }\r\n  \r\n  .hx-k4 {\r\n    transform: rotateX(30deg) rotateZ(30deg)\r\n  }\r\n  \r\n  .hx-k5 {\r\n    transform: rotateX(60deg) rotateZ(60deg)\r\n  }\r\n  \r\n  .hx-k6 {\r\n    transform: rotateX(90deg) rotateZ(90deg)\r\n  }\r\n  \r\n</style>\r\n","import mod from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./about.vue?vue&type=style&index=0&id=6bb6a2de&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./about.vue?vue&type=style&index=0&id=6bb6a2de&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1732849666353\n      var cssReload = require(\"D:/self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"/\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}