mix-public 1.1.4 → 1.1.5

package/README.md

@@ -82,4 +82,5 @@
 - v1.1.1 添加OnloadPage生命周期/调整 goto 方法参数
 - v1.1.2 修复方法环境变量/添加 a 标签捕获自定义站内跳转
 - v1.1.3 方法包剩余调用方式整体调整
-- v1.1.4 goto 方法参数调整
+- v1.1.4 goto 方法参数调整
+- v1.1.5 部分方法网页版完善/优化方法样式

package/main/mixappfunc.js

@@ -2,8 +2,6 @@
 //   closeToast,
 //   showConfirmDialog,
 //   showDialog,
-//   showLoadingToast,
-//   showNotify,
 // } from "vant"
 import { mixLocalShakeDownDecrypt, mixLocalShakeDownEncrypt } from "../customMethod/cryptoJS.js"
 import { Cookies } from "../customMethod/cookie.js"
@@ -13,11 +11,7 @@ import { asyncReturnMethod, syncReturnMethod, callMethod, mixJsonStringify, mixJ
 import cachPictureForWeb from "../customMethod/cachPictureForWeb.js"
 import formatColor, { togglePageGrayscale } from "../customMethod/formatColor.js";
 import { getUrlQuery } from "../customMethod/pageParams.js"
-
-function mixShowAlert(message) {
-  alert(message)
-  // showNotify({ message })
-}
+import { mixLoading, mixHideLoading, mixMsg, mixDialog, mixFloatingWindowData } from "../pageRender/componentsRender.js"
 
 const loginUrl = "user-login";
 var u = navigator.userAgent
@@ -1666,7 +1660,18 @@ export const mixPublicLib = (op) =>{
         environment:this.environment,
         methodName: 'ClearAppCache',
         webMethod: ()=>{
-          console.log(`清理APP缓存`, "color: blue", "color: #4CAF50;")
+          const cookies = document.cookie.split(';');
+          const domainParts = window.location.hostname.split('.');
+          const domains = [
+              '',  // 当前域名
+              ...(domainParts.length > 1 ? [`.${domainParts.slice(-2).join('.')}`] : [])  // 二级域名
+          ];
+          cookies.forEach(cookie => {
+              const [name] = cookie.trim().split('=');
+              domains.forEach(domain => {
+                  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/; domain=${domain}`;
+              });
+          });
         },
         params:{}
       })
@@ -1852,7 +1857,7 @@ export const mixPublicLib = (op) =>{
         environment:this.environment,
         methodName: 'ShowLoading',
         webMethod: ()=>{
-          ShowLoading(Message)
+          mixLoading(Message)
         },
         params:{}
       });
@@ -1866,7 +1871,7 @@ export const mixPublicLib = (op) =>{
         environment:this.environment,
         methodName: 'HideLoading',
         webMethod: ()=>{
-          closeToast()
+          mixHideLoading()
         },
         params:{}
       });
@@ -1876,56 +1881,69 @@ export const mixPublicLib = (op) =>{
      *  显示msg弹窗
      * */
     ShowMsg: function (op = {}) {
-      const Title = op.Title || "标题"
-      const Message = op.Message || "提示内容"
-      const ButtonText = op.confirmButtonText || "知道了"
-      callMethod({
-        environment:this.environment,
-        methodName: 'ShowMsg',
-        webMethod: ()=>{
-          showDialog({
-            title: Title,
-            message: Message,
-            confirmButtonText: ButtonText,
-          }).then(() => {
-            // on close
-          })
-        },
-        params:{Title, ButtonText, Message}
-      });
+      return new Promise((resolve, reject) => {
+        window.MixShowMsgCallBack = function () {
+          resolve();
+        }
+        const Title = op.Title || "标题"
+        const Message = op.Message || "提示内容"
+        const ButtonText = op.confirmButtonText || "知道了"
+        const ConfirmAction = "MixShowMsgCallBack"
+        callMethod({
+          environment:this.environment,
+          methodName: 'ShowMsg',
+          webMethod: ()=>{
+            mixMsg({
+              title: Title,
+              message: Message,
+              confirmButtonText: ButtonText,
+            }).then(()=>{
+              MixShowMsgCallBack()
+            })
+          },
+          params:{Title, ButtonText, Message, ConfirmAction}
+        });
+        
+      })
     },
 
     /**
      *  确认弹出框
      * */
     ShowDialog: function (op = {}) {
-      const Title = op.Title || ""
-      const Message = op.Message || ""
-      const ConfirmText = op.ConfirmText || ""
-      const CancelText = op.CancelText || ""
-      const ConfirmAction = op.ConfirmAction || ""
-      const CancelAction = op.CancelAction || ""
-      callMethod({
-        environment:this.environment,
-        methodName: 'ShowDialog',
-        webMethod: ()=>{
-          showConfirmDialog({
-            title: Title,
-            message: Message,
-            confirmButtonText: ConfirmText || "确定",
-            cancelButtonText: CancelText || "取消",
-          })
-            .then(() => {
-              // on confirm
-              window[ConfirmAction]()
-            })
-            .catch(() => {
-              // on cancel
-              window[CancelAction]()
+      return new Promise((resolve, reject) => { 
+        window.MixShowDialogConfirmActionCallBack = function () {
+          resolve();
+        }
+        window.MixShowDialogCancelActionCallBack = function () {
+          reject();
+        }
+        const Title = op.Title || "标题"
+        const Message = op.Message || "确认内容"
+        const ConfirmText = op.ConfirmText || "确认按钮"
+        const CancelText = op.CancelText || "取消按钮"
+        const ConfirmAction = "MixShowDialogConfirmActionCallBack"
+        const CancelAction = "MixShowDialogCancelActionCallBack"
+        callMethod({
+          environment:this.environment,
+          methodName: 'ShowDialog',
+          webMethod: ()=>{
+            mixDialog({
+              title: Title,
+              message: Message,
+              confirmButtonText: ConfirmText || "确定",
+              cancelButtonText: CancelText || "取消",
             })
-        },
-        params:{Title, Message, ConfirmText, CancelText, ConfirmAction, CancelAction}
-      });
+              .then(() => {
+                MixShowDialogConfirmActionCallBack()
+              })
+              .catch(() => {
+               MixShowDialogCancelActionCallBack()
+              })
+          },
+          params:{Title, Message, ConfirmText, CancelText, ConfirmAction, CancelAction}
+        });
+      })
     },
 
     /**
@@ -1935,17 +1953,15 @@ export const mixPublicLib = (op) =>{
       const Url = op.Url || ""
       const Title = op.Title || ""
       const Detail = op.Detail || ""
-      const Params = op.Params || ""
+      const Params = op.Params || {}
       const Icon = op.Icon || ""
       callMethod({
         environment:this.environment,
         methodName: 'FloatingWindowData',
         webMethod: ()=>{
-          console.log(
-            `%c 添加页面浮窗=> %c 参数为：${row}`,
-            "color: blue",
-            "color: #4CAF50;",
-          )
+          mixFloatingWindowData({
+            Url, Title, Detail, Params, Icon,Fn: mixPublicLib({isWeb, version})
+          })
         },
         params:{Url, Title, Detail, Params, Icon}
       });
@@ -2113,7 +2129,7 @@ export const mixPublicLib = (op) =>{
     },
 
     /**
-     * 启动本地服务器
+     * 启动本地服务器(仅APP环境)
      * */
     StartHttpServer: function () {
       callMethod({
@@ -2127,7 +2143,7 @@ export const mixPublicLib = (op) =>{
     },
 
     /**
-     * 关闭本地服务器
+     * 关闭本地服务器(仅APP环境)
      * */
     StopHttpServer: function () {
       callMethod({
@@ -2192,7 +2208,8 @@ export const mixPublicLib = (op) =>{
         environment:this.environment,
         methodName: 'CacheSize',
         webMethod: ()=>{
-          return "1.24KB"
+          let cookies = document.cookie;
+          return (Math.floor(cookies.length / 1024 * 100) / 100) + "KB";
         },
         params: {},
       })
@@ -2206,7 +2223,7 @@ export const mixPublicLib = (op) =>{
         environment:this.environment,
         methodName: 'OnlineService',
         webMethod: ()=>{
-          console.log(`客服中心`, "color: blue", "color: #4CAF50;")
+          window.location.href = "http://oss.kexiaoshuang.com/MEIQIA/chatlink.html"
         },
         params:{}
       });
@@ -2220,19 +2237,15 @@ export const mixPublicLib = (op) =>{
         environment:this.environment,
         methodName: 'OpenAmap',
         webMethod: ()=>{
+          var url = `https://m.amap.com/search?query=${encodeURIComponent(Address)}`;
+          window.open(url);
           return new Promise((resolve, reject) => {
-            // TODO
-            console.log(`打开高德地图`, "color: blue", "color: #4CAF50;")
-            // window.location.href = Url;
-            setTimeout(() => {
-              resolve()
-            }, 4000);
           })
         },
         params:{Address}
       })
     },
-    /**
+    /**-
      * 上传视频（单个视频，相机/相册）
      * MethodName:回调方法
      * VideoDuration: 录制时长

package/mix-project/src/pages/index/index.vue

@@ -7,7 +7,6 @@ import customNavigation from "@/components/lkb-custom-navigation-container/index
 import { inject } from "vue"
 const mixPublicLib: any = inject("mixPublicLib")
 
-mixPublicLib.putCookieInfo('aaaaaaa', { a: 1, b: 2 })
 const searchValue = ref("");
 
 const mainEntrance = ref([

package/mixRender.css

@@ -131,6 +131,174 @@
     justify-content: center;
 }
 
+@keyframes loadingIn {
+  0% { transform: rotate(0deg);}
+  100% { transform: rotate(360deg);}
+}
+#mix-loading,
+#mix-msg,
+#mix-dialog{
+  background-color: rgba(0,0,0, 0.6);
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 999;
+}
+#mix-loading #mix-loading-container{
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: #fff;
+}
+#mix-loading #mix-loading-container #mix-loading-main {
+  width: 10vw;
+  height: 10vw;
+  border: 3px solid #ccc;
+  border-top: 3px solid #11a8cd;
+  border-radius: 50%;
+  animation: loadingIn 1s linear infinite;
+}
+#mix-loading #mix-loading-container #mix-loading-message {
+  margin-top: 20px;
+}
+
+#mix-msg #mix-msg-container{
+  background-color: #fff;
+  width: 65vw;
+  max-height: 60vw;
+  border-radius: 12px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  box-sizing: border-box;
+}
+#mix-msg #mix-msg-container #mix-msg-title{
+  font-size: 16px;
+  color: #333;
+  text-align: center;
+}
+#mix-msg #mix-msg-container #mix-msg-message{
+  font-size: 14px;
+  color: #666;
+  margin:14px 0;
+}
+#mix-msg #mix-msg-container #mix-msg-button{
+  font-size: 14px;
+  color: #fff;
+  background-color: #11a8cd;
+  width:100%;
+  height: 38px;
+  border-radius: 99px;
+  text-align: center;
+  line-height: 38px;
+  overflow: hidden;
+}
+#mix-dialog #mix-dialog-container{
+  background-color: #fff;
+  width: 65vw;
+  max-height: 60vw;
+  border-radius: 12px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px;
+  box-sizing: border-box;
+}
+#mix-dialog #mix-dialog-container #mix-dialog-title{
+  font-size: 16px;
+  color: #333;
+  text-align: center;
+}
+#mix-dialog #mix-dialog-container #mix-dialog-message{
+  font-size: 14px;
+  color: #666;
+  margin:14px 0;
+}
+#mix-dialog #mix-dialog-container #mix-dialog-button{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+#mix-dialog #mix-dialog-container #mix-dialog-button #mix-dialog-confirm-button{
+  width: 48%;
+  font-size: 14px;
+  color: #fff;
+  background-color: #11a8cd;
+  height: 38px;
+  border-radius: 99px;
+  text-align: center;
+  line-height: 38px;
+  overflow: hidden;
+}
+#mix-dialog #mix-dialog-container #mix-dialog-button #mix-dialog-cancel-button{
+  width: 48%;
+  font-size: 14px;
+  color: #fff;
+  background-color: #d54941;
+  height: 38px;
+  border-radius: 99px;
+  text-align: center;
+  line-height: 38px;
+  overflow: hidden;
+}
+
+#mix-floating-window-data{
+  height:10vw;
+  max-width: 30vw;
+  min-width: 10vw;
+  background-color: #fff;
+  position: absolute;
+  top: 80%;
+  right: 5%;
+  z-index: 100;
+  border-radius: 8px;
+  overflow: hidden;
+  display: flex;
+  box-shadow: 0 0 10px rgba(0,0,0,0.2);
+}
+#mix-floating-window-data #mix-floating-window-img{
+  height:100%;
+  vertical-align: bottom;
+}
+#mix-floating-window-data #mix-floating-window-container{
+  padding: 2px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+#mix-floating-window-data #mix-floating-window-container #mix-floating-window-title{
+  font-size: 12px;
+  margin-bottom: 2px;
+}
+#mix-floating-window-data #mix-floating-window-container #mix-floating-window-message{
+  font-size: 10px;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 @font-face {
   src: url("data:application/x-font-ttf;base64,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ISg3ExMcDg8bEREs0BUdHRWMFR0dFQAAAAIAIgAAAVICzgAnADUAADcTJw4BIyImJy4BJy4BNTQ2Nz4BNz4BMzIWFx4BFx4BFRQGBw4BBwsBFBYzMjY9ATQmIyIGFUd0AgUVERsuDQcIAgMCAgMCCQcUQyoqQhQHCgMCAgICAwcFhjEeFBQeHhQUHgABKwIEBRoUChcSEjcqIy0QDxYMISQlIAwWDxAtIyErDxAZDv6aAbEXHBwXhBccHBcAAQAAAAEBBkfZJz9fDzz1AAkD6AAAAAB8JYZQAAAAANl6IicAAP/6AfQCzgABAAkAAgAAAAAAAAABAAACyP7gAMgB9AAAAAAB9AABAAAAAAAAAAAAAAAAAAAAAwH0AAABhQAsAXQAIgA1ACIAIgAJACIAIgAiACIAIgAAAAAAJgAyAG4AgAC8AR4BOAF4AcwB4AJgArIAAAABAAAADABYAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAEgDeAAEAAAAAAAAATAAAAAEAAAAAAAEADQBMAAEAAAAAAAIABABZAAEAAAAAAAMAKABdAAEAAAAAAAQAEgCFAAEAAAAAAAUACACXAAEAAAAAAAYAEQCfAAEAAAAAAAcACgCwAAEAAAAAAAkADgC6AAMAAQQJAAAAlgDIAAMAAQQJAAEAGgFeAAMAAQQJAAIACAF4AAMAAQQJAAMAUAGAAAMAAQQJAAQAJAHQAAMAAQQJAAUAEAH0AAMAAQQJAAYAIgIEAAMAAQQJAAcAFAImAAMAAQQJAAkAHAI6Q29weXJpZ2h0IMKpIDE5ODEsIDIwMDIgSGVpZGVsYmVyZ2VyIERydWNrbWFzY2hpbmVuIEFHLiBBbGwgcmlnaHRzIHJlc2VydmVkLkRJTiBDb25kZW5zZWRCb2xkRElOIENvbmRlbnNlZCBCb2xkOyAxMy4yZDJlMTsgMjAxOC0wMS0yMkRJTiBDb25kZW5zZWQgQm9sZDEzLjJkMmUxRElOQ29uZGVuc2VkLUJvbGRESU5TY2hyaWZ0TGlub3R5cGUgU3RhZmYAQwBvAHAAeQByAGkAZwBoAHQAIACpACAAMQA5ADgAMQAsACAAMgAwADAAMgAgAEgAZQBpAGQAZQBsAGIAZQByAGcAZQByACAARAByAHUAYwBrAG0AYQBzAGMAaABpAG4AZQBuACAAQQBHAC4AIABBAGwAbAAgAHIAaQBnAGgAdABzACAAcgBlAHMAZQByAHYAZQBkAC4ARABJAE4AIABDAG8AbgBkAGUAbgBzAGUAZABCAG8AbABkAEQASQBOACAAQwBvAG4AZABlAG4AcwBlAGQAIABCAG8AbABkADsAIAAxADMALgAyAGQAMgBlADEAOwAgADIAMAAxADgALQAwADEALQAyADIARABJAE4AIABDAG8AbgBkAGUAbgBzAGUAZAAgAEIAbwBsAGQAMQAzAC4AMgBkADIAZQAxAEQASQBOAEMAbwBuAGQAZQBuAHMAZQBkAC0AQgBvAGwAZABEAEkATgBTAGMAaAByAGkAZgB0AEwAaQBuAG8AdAB5AHAAZQAgAFMAdABhAGYAZgACAAAAAAAA/5wAMgAAAAAAAAAAAAAAAAAAAAAAAAAMAAwAAAAQABMAFAAVABYAFwAYABkAGgAbABwAAA==");
   font-family: DINCondensed-Bold;

package/mixRender.js

@@ -1,7 +1,8 @@
 import mixNavigation from "./pageRender/navigation.js"
 import mixTabbar from "./pageRender/tabbar.js"
 import { mixPublicLib } from "./main/mixappfunc.js"
-const renderBasic = () => { 
+import { mixFloatingWindowRender } from "./pageRender/componentsRender.js"
+const renderBasic = (callback) => { 
   document.body.innerHTML = `<div id="mix-main">
       <div id="mix-navigation">
         <div class="mix-navigation-left">
@@ -23,6 +24,7 @@ const renderBasic = () => {
       <div id="mix-tab-bar">
       </div>
     </div>`
+  callback()
 }
 
 export default (op) => {
@@ -37,45 +39,50 @@ export default (op) => {
   };
   const minMainFn = mixPublicLib({isWeb:mixAppParameter.mixIsWeb, version:mixAppParameter.mixVersion})
   if(!mixJustMethod){
-    // 创建onstart生命周期事件代理
-    const onStartEventList = []
-    window.OnStartLoad = function (event, config) {
-      onStartEventList.push(event)
-      if (config?.immediate) {
-        event()
+    const pageOnload = ()=>{
+      // 创建onstart生命周期事件代理
+      const onStartEventList = []
+      window.OnStartLoad = function (event, config) {
+        onStartEventList.push(event)
+        if (config?.immediate) {
+          event()
+        }
       }
-    }
-    // onstart生命周期执行时间转发
-    window.OnStart = function () {
-      onStartEventList.forEach((event) => {
-        event()
-      })
-    }
-    // web执行onstart生命周期函数
-    if(mixAppParameter.mixIsWeb){
-      if (window.performance) {
-        const navigationType = window.performance.navigation.type;
-        if (navigationType === window.performance.navigation.TYPE_BACK_FORWARD) {
-            setTimeout(() => {
-              window.OnStart();
-            },10);
+      // onstart生命周期执行时间转发
+      window.OnStart = function () {
+        onStartEventList.forEach((event) => {
+          event()
+        })
+        mixFloatingWindowRender({
+          ClickBack: minMainFn
+        })
+      }
+      // web执行onstart生命周期函数
+      if(mixAppParameter.mixIsWeb){
+        if (window.performance) {
+          const navigationType = window.performance.navigation.type;
+          if (navigationType === window.performance.navigation.TYPE_BACK_FORWARD) {
+              setTimeout(() => {
+                window.OnStart();
+              },10);
+            }
+          }
         }
+      // 添加页面加载生命周期函数
+      window.OnloadPage = function (callback) {
+        callback(minMainFn.getCookieInfo({Key:"mixAPPPageParams"}))
       }
+      setTimeout(() => {
+        document.querySelectorAll(".mix-custom-jump").forEach((item)=>{
+          item.addEventListener('click', function(event) {
+              event.preventDefault(); // 阻止默认行为
+              // 自定义跳转逻辑
+              minMainFn.Goto({Url:item.pathname})
+          });
+        })
+      }, 1000);
     }
-    // 添加页面加载生命周期函数
-    window.OnloadPage = function (callback) {
-      callback(minMainFn.getCookieInfo({Key:"mixAPPPageParams"}))
-    }
-    setTimeout(() => {
-      document.querySelectorAll(".mix-custom-jump").forEach((item)=>{
-        item.addEventListener('click', function(event) {
-            event.preventDefault(); // 阻止默认行为
-            // 自定义跳转逻辑
-            minMainFn.Goto({Url:item.pathname})
-        });
-      })
-    }, 1000);
-    renderBasic();
+    renderBasic(pageOnload);
     mixNavigation(mixAppParameter);
     mixTabbar(mixAppParameter);
     // 若为web端且页面为非首次加载，则执行OnStart(需转为异步延迟执行)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mix-public",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "use mix-app",
   "main": "mixRender.js",
   "scripts": {

package/pageRender/componentsRender.js

@@ -0,0 +1,98 @@
+
+export const mixLoading = (message)=>{
+    const element = document.createElement('div');
+    element.id = 'mix-loading';
+    element.innerHTML = `<div id="mix-loading-container"><div id="mix-loading-main"></div><div id="mix-loading-message">${message}</div></div>`;
+    document.body.appendChild(element);
+}
+export const mixHideLoading = ()=>{
+    const element = document.getElementById('mix-loading');
+    document.body.removeChild(element);
+}
+export const mixMsg = (op)=>{
+    return new Promise((resolve, reject) => {
+        const Title = op.title
+        const Message = op.message
+        const ButtonText = op.confirmButtonText
+        const element = document.createElement('div');
+        element.id = 'mix-msg';
+        element.innerHTML = `<div id="mix-msg-container"><div id="mix-msg-title">${Title}</div><div id="mix-msg-message">${Message}</div><div id="mix-msg-button">${ButtonText}</div></div>`;
+        document.body.appendChild(element);
+        document.getElementById('mix-msg-button').addEventListener('click',()=>{
+            const element = document.getElementById('mix-msg');
+            document.body.removeChild(element);
+            resolve();
+        })
+    });
+}
+export const mixDialog = (op)=>{
+    return new Promise((resolve, reject) => {
+        const Title = op.title
+        const Message = op.message
+        const ConfirmButtonText = op.confirmButtonText
+        const CancelButtonText = op.cancelButtonText
+        const element = document.createElement('div');
+        element.id = 'mix-dialog';
+        element.innerHTML = `<div id="mix-dialog-container"><div id="mix-dialog-title">${Title}</div><div id="mix-dialog-message">${Message}</div><div id="mix-dialog-button"><div id="mix-dialog-confirm-button">${ConfirmButtonText}</div><div id="mix-dialog-cancel-button">${CancelButtonText}</div></div></div>`;
+        document.body.appendChild(element);
+        document.getElementById('mix-dialog-confirm-button').addEventListener('click',()=>{
+            const element = document.getElementById('mix-dialog');
+            document.body.removeChild(element);
+            resolve();
+        })
+        document.getElementById('mix-dialog-cancel-button').addEventListener('click',()=>{
+            const element = document.getElementById('mix-dialog');
+            document.body.removeChild(element);
+            reject();
+        })
+    });
+}
+export const mixFloatingWindowData = (op)=>{
+    const Url = op.Url;
+    const Title = op.Title;
+    const Detail = op.Detail;
+    const Params = op.Params;
+    const Icon = op.Icon;
+    op.Fn.putCookieInfo('mixFloatingWindowData', {Url, Title, Detail, Params, Icon})
+}
+export const mixFloatingWindowRender = (op) =>{
+    const ClickBack = op.ClickBack;
+    const mixFloatingWindowData = ClickBack.getCookieInfo('mixFloatingWindowData')
+    const Url = mixFloatingWindowData.Url;
+    const Title = mixFloatingWindowData.Title;
+    const Detail = mixFloatingWindowData.Detail;
+    const Params = mixFloatingWindowData.Params;
+    const Icon = mixFloatingWindowData.Icon;
+    if(!Url) return;
+    const element = document.createElement('div');
+    element.id = 'mix-floating-window-data';
+    element.innerHTML = `<img id="mix-floating-window-img" src=${Icon}></img><div id="mix-floating-window-container"><div id="mix-floating-window-title">${Title}</div><div id="mix-floating-window-message">${Detail}</div></div>`;
+    document.body.appendChild(element);
+    const dom = document.getElementById('mix-floating-window-data')
+    let startX = 0
+    let startY = 0
+    let startLeft = 0
+    let startTop = 0
+    dom.addEventListener('click',(e)=>{
+        ClickBack.Goto({Url,Params})
+    })
+    dom.addEventListener('touchstart',(e)=>{
+        startX = e.touches[0].clientX;
+        startY = e.touches[0].clientY;
+        startLeft = parseInt(window.getComputedStyle(dom).left, 10);
+        startTop = parseInt(window.getComputedStyle(dom).top, 10);
+    })
+    dom.addEventListener('touchmove',(e)=>{
+        // 计算移动的距离
+        var dx = e.touches[0].clientX - startX;
+        var dy = e.touches[0].clientY - startY;
+        // 计算新的位置
+        var newLeft = startLeft + dx;
+        var newTop = startTop + dy;
+        newLeft = newLeft < 0 ? 0 : newLeft > window.innerWidth - dom.offsetWidth ? window.innerWidth - dom.offsetWidth : newLeft;
+        newTop = newTop < 0 ? 0 : newTop > window.innerHeight - dom.offsetHeight ? window.innerHeight - dom.offsetHeight : newTop;
+        // 更新元素的位置
+        dom.style.left = newLeft + 'px';
+        dom.style.top = newTop + 'px';
+    })
+}