component-shipinlv 0.0.11 → 0.0.12

package/dist/AuthClient/login-reg.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    LoginReg: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/AuthClient/login-reg.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  LoginReg: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .radioSelectBox{\n      text-align: right;\n    }\n    .selectTabs{\n      .ant-tabs-nav-wrap{\n        display: none !important;\n      }\n      .ant-tabs-nav{\n        opacity: 0;\n      }\n    }\n  "])))
+};

package/dist/AuthClient/login-reg.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./login-reg.scss";
 interface Props {
     activeKeyDefault?: 'login' | 'reg' | string;
     accountRegDisabled?: boolean;

package/dist/AuthClient/login-reg.js

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { Tabs, Radio } from "antd";
 import { UserAddOutlined, UserOutlined } from "@ant-design/icons";
 import Reg from "./reg";
-import "./login-reg.scss";
+import styles from "./login-reg.css";
 import AuthLogin from "./login";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -17,8 +17,7 @@ var AuthLoginReg = function AuthLoginReg(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     setActiveKey = _useState2[1];
-  return /*#__PURE__*/_jsxs("div", {
-    className: "loginReg",
+  return /*#__PURE__*/_jsxs(styles.LoginReg, {
     children: [/*#__PURE__*/_jsx("div", {
       className: "radioSelectBox",
       children: /*#__PURE__*/_jsxs(Radio.Group, {

package/dist/AuthClient/login.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    AuthClientLogin: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/AuthClient/login.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  AuthClientLogin: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background: no-repeat left bottom #FFF;\n    background-size: cover;\n    .webTitle{\n      font-weight: normal;\n      font-size: 22px;\n      text-align: right;\n      margin: 0 0 -10px 0;\n      line-height: 1em;\n      span{\n        display: inline-block;\n        padding-left: 5px;\n        font-weight: lighter;\n        font-size: 16px;\n      };\n    }\n    .loginMain{\n      margin: 0 auto 20px;\n      .loginForm{\n        margin: 0 auto;\n        padding:0 0 5px 0  ;\n        background-color: rgba(255, 255, 255, 0.75 );\n        border-radius: 6px;\n      }\n    }\n\n    .storePass{\n      cursor: pointer;\n    }\n\n    .login-success{\n      position: relative;\n      cursor: pointer;\n      width: 220px;\n      height: 220px;\n      margin: 10px auto; background-color: #EEE; font-size: 40px; color: #999; text-align: center;\n      .anticon{  line-height: 1em; color: #52c41a; }\n      .icon-warp{\n        position: relative; z-index: 10; opacity: 1;  margin-top: 70px; width: 80px; height: 80px; padding: 10px; background-color: #FFF; display: inline-block; border-radius: 100px; }\n    }\n\n    .otherInfo{\n      position: relative;\n      .forgetPass{\n        position: absolute;\n        right: 0;\n        top: 0;\n        padding: 6px 0 0 0;\n        font-size: 13px;\n      }\n    }\n  "])))
+};

package/dist/AuthClient/login.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./reg.scss";
 interface Props {
     onSuccess: () => void;
 }

package/dist/AuthClient/login.js

@@ -7,7 +7,8 @@ import { LockOutlined, UserOutlined, EyeTwoTone, EyeInvisibleOutlined } from '@a
 import { Input, Button, Form } from 'antd';
 import Tool from "../lib/Tool";
 import { useRequest } from '@umijs/hooks';
-import "./reg.scss";
+
+// import styles from "./reg.scss" ;
 import * as AuthController from "../service/api/AuthController";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist/AuthClient/qr/index.css.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: {
+    AuthQrLogin: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    LoginForm: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    WebTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+    WeQrUrlBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/AuthClient/qr/index.css.js

@@ -0,0 +1,9 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import styled from 'styled-components';
+export default {
+  AuthQrLogin: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .qr{\n      display: block;\n      margin: 12px auto 0;\n      width: 230px;\n      height: 230px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      background-position: center;\n      &.qrAlipay{\n        border: 3px solid #1677ff;\n      }\n      .reTry{\n        font-size: 80px;\n        background-color: rgba( 255, 255, 255, 0.95 );\n        text-align: center;\n        line-height: 210px;\n        height: 100%;\n        a{\n          display: block;\n        }\n      }\n    }\n    .alt{\n      padding: 10px 0 0;\n      color: #999;\n      text-align: center;\n    }\n    .altWeb{\n      padding: 16px 0 0;\n      max-width: 300px;\n      margin: 0 auto;\n      .titles{\n        text-align: center;\n        font-weight: bold;\n      }\n      ul{\n        margin: 0 10px;\n      }\n\n    }\n    .percent{\n      width: 100%;\n      position: absolute;\n      overflow: hidden;\n      left: 0;\n      bottom: 0;\n      .warp{\n        height: 4px;\n        background-color: #1677ff;\n        transition: all 1.6s ease-in-out;\n        -webkit-transition: all 1.6s ease-in-out;\n      }\n    }\n  "]))),
+  LoginForm: styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin: 0 auto;\n    padding: 0 0 5px 0  ;\n    background-color: rgba(255, 255, 255, 0.75 );\n    border-radius: 6px;\n  "]))),
+  WebTitle: styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-weight: normal;\n    font-size: 22px;\n    text-align: center;\n    padding: 0;\n    margin: 6px 0 0 0;\n    line-height: 1em;\n    span{\n      display: inline-block;\n      padding-left: 5px;\n      font-weight: lighter;\n      font-size: 16px;\n    }\n  "]))),
+  WeQrUrlBox: styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    min-height: 240px !important;\n  "])))
+};

package/dist/AuthClient/qr/index.js

@@ -13,7 +13,9 @@ import AuthLoginReg from "../login-reg";
 import Platform from "../../lib/platform";
 import QrWs from "./ws";
 import { getApiEnv } from "../../lib/getApiUrl";
+import styles from "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var reTryMaxCount = 120;
 var reTryTimeLoop = 1000; // ms
@@ -227,17 +229,11 @@ var LoginQr = function LoginQr(_ref) {
       clearTimeout(timer.current);
     };
   }, []);
-  return /*#__PURE__*/_jsx("section", {
-    className: "authQrLogin",
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "loginForm",
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "form-group",
-        children: /*#__PURE__*/_jsx("h1", {
-          className: "webTitle",
-          children: /*#__PURE__*/_jsx("span", {
-            children: "\u767B\u5F55/\u6CE8\u518C"
-          })
+  return /*#__PURE__*/_jsx(styles.AuthQrLogin, {
+    children: /*#__PURE__*/_jsxs(styles.LoginForm, {
+      children: [/*#__PURE__*/_jsx(styles.WebTitle, {
+        children: /*#__PURE__*/_jsx("span", {
+          children: "\u767B\u5F55/\u6CE8\u518C"
         })
       }), /*#__PURE__*/_jsxs(Tabs, {
         activeKey: activeKey,
@@ -245,46 +241,46 @@ var LoginQr = function LoginQr(_ref) {
           onTabChange(keyName);
         },
         children: [/*#__PURE__*/_jsx(Tabs.TabPane, {
-          tab: /*#__PURE__*/_jsxs("span", {
-            className: "tab-icon",
-            children: [/*#__PURE__*/_jsx(WechatOutlined, {}), "\u5FAE\u4FE1"]
+          tab: /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx(WechatOutlined, {}), " \u5FAE\u4FE1"]
           }),
           disabled: wechatDisabled,
-          children: /*#__PURE__*/_jsxs(PageContentWarp, {
+          children: /*#__PURE__*/_jsx(PageContentWarp, {
             loading: loadingWeLoginQr || loading,
             error: errorWeLoginQr,
             onReload: function onReload() {
               return onRetryWeQr();
             },
-            className: "weQrUrlBox",
-            children: [/*#__PURE__*/_jsx("div", {
-              style: {
-                backgroundImage: "url('".concat(weQrUrl, "')")
-              },
-              className: "qr wechat ".concat(isNextTry ? '' : 'noTry'),
-              children: !isNextTry && /*#__PURE__*/_jsx("div", {
-                className: "reTry",
-                onClick: onRetryWeQr,
-                children: /*#__PURE__*/_jsx("a", {
-                  children: /*#__PURE__*/_jsx(RedoOutlined, {})
-                })
-              })
-            }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
-              className: "altWeb",
+            children: /*#__PURE__*/_jsxs(styles.WeQrUrlBox, {
               children: [/*#__PURE__*/_jsx("div", {
-                className: "titles",
-                children: "\u4E0B\u9762\u4EFB\u9009\u4E00\u4E2A\u65B9\u6CD5\u90FD\u53EF\u4EE5\u767B\u5F55\uFF1A"
-              }), /*#__PURE__*/_jsxs("ul", {
-                children: [/*#__PURE__*/_jsx("li", {
-                  children: "1\u3001\u628A\u672C\u9875\u7F51\u5740\u590D\u5236\u5230\u5FAE\u4FE1\u91CC\u9762\u6253\u5F00"
-                }), /*#__PURE__*/_jsx("li", {
-                  children: "2\u3001\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
+                style: {
+                  backgroundImage: "url('".concat(weQrUrl, "')")
+                },
+                className: "qr wechat ".concat(isNextTry ? '' : 'noTry'),
+                children: !isNextTry && /*#__PURE__*/_jsx("div", {
+                  className: "reTry",
+                  onClick: onRetryWeQr,
+                  children: /*#__PURE__*/_jsx("a", {
+                    children: /*#__PURE__*/_jsx(RedoOutlined, {})
+                  })
+                })
+              }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
+                className: "altWeb",
+                children: [/*#__PURE__*/_jsx("div", {
+                  className: "titles",
+                  children: "\u4E0B\u9762\u4EFB\u9009\u4E00\u4E2A\u65B9\u6CD5\u90FD\u53EF\u4EE5\u767B\u5F55\uFF1A"
+                }), /*#__PURE__*/_jsxs("ul", {
+                  children: [/*#__PURE__*/_jsx("li", {
+                    children: "1\u3001\u628A\u672C\u9875\u7F51\u5740\u590D\u5236\u5230\u5FAE\u4FE1\u91CC\u9762\u6253\u5F00"
+                  }), /*#__PURE__*/_jsx("li", {
+                    children: "2\u3001\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
+                  })]
                 })]
+              }) : /*#__PURE__*/_jsx("div", {
+                className: "alt",
+                children: "\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
               })]
-            }) : /*#__PURE__*/_jsx("div", {
-              className: "alt",
-              children: "\u8BF7\u7528\u5FAE\u4FE1\u626B\u7801\u767B\u5F55"
-            })]
+            })
           })
         }, "wechat"), !accountHidden && /*#__PURE__*/_jsx(Tabs.TabPane, {
           tab: /*#__PURE__*/_jsxs("span", {

package/dist/AuthClient/reg.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./reg.scss";
 interface Props {
     onSuccess: () => void;
 }

package/dist/AuthClient/reg.js

@@ -6,7 +6,6 @@ import React from 'react';
 import { LockOutlined, UserOutlined, EyeTwoTone, EyeInvisibleOutlined } from '@ant-design/icons';
 import { Input, Button, Form } from 'antd';
 import Tool from "../lib/Tool";
-import "./reg.scss";
 import { useRequest } from "@umijs/hooks";
 import * as AuthController from "../service/api/AuthController";
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/Buy/index.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    Buy: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+};
+export default _default;

package/dist/Buy/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  Buy: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    :global{\n      .ktv-ai-vip-compare{\n        .vip-compare-price{\n          small{\n            color: #888;\n            vertical-align: middle;\n          }\n        }\n        .listMore{\n          position: absolute;\n          right: 10px;\n          top: 9px;\n        }\n\n        .vipCompareListMoreContent{\n          width: 500px;\n          .ratioAlt{\n            padding: 6px 0;\n            font-size: 13px;\n            color: #777;\n            .vip-compare-alt{\n\n            }\n          }\n        }\n\n      }\n    }\n  "])))
+};

package/dist/Buy/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./index.scss";
 import type { SizeType } from "antd/es/config-provider/SizeContext";
 interface Props {
     env?: Global.Env;

package/dist/Buy/index.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import React from 'react';
 import { Button } from 'antd';
 import Tool from "../lib/Tool";
-import "./index.scss";
+import styles from "./index.css";
 import VipQr from "./qr";
 import Platform from "../lib/platform";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -78,14 +78,16 @@ var Buy = function Buy(_ref) {
     // 广播，点击了 购买；
     Tool.event.run('vip-buy-click');
   };
-  return /*#__PURE__*/_jsx(Button, {
-    type: "primary",
-    size: buttonSmall,
-    disabled: disabled,
-    onClick: function onClick() {
-      return onBuy();
-    },
-    children: title
+  return /*#__PURE__*/_jsx(styles.Buy, {
+    children: /*#__PURE__*/_jsx(Button, {
+      type: "primary",
+      size: buttonSmall,
+      disabled: disabled,
+      onClick: function onClick() {
+        return onBuy();
+      },
+      children: title
+    })
   });
 };
 export default Buy;

package/dist/Buy/qr.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    BuyQr: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/Buy/qr.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  BuyQr: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ktv-ai-vipQr{\n      position: relative;\n      text-align: center;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      .qrImage{\n        width: 200px;\n        height: 200px;\n        margin: 20px auto 10px;\n        img{\n          display: block;\n          width: 100%;\n          max-width: 100%;\n        }\n      }\n      .price{\n        font-size: 16px;\n        strong{\n          font-size: 20px;\n          color: #F60;\n        }\n        .multiply{\n          display: inline-block;\n          margin: 0 10px;\n          color: #AAA;\n        }\n        .productCount{\n          font-size: 20px;\n        }\n        .equal{\n          transform: rotate(90deg);\n          display: inline-block;\n          margin: 0 10px;\n          color: #AAA;\n        }\n        .moneyAll{\n          color: #F60;\n          font-size: 32px;\n        }\n      }\n      .alt{\n        color: #999;\n        font-size: 13px;\n        .wechatIcon{\n          color: #0bc160;\n        }\n      }\n      .altInH5{\n        padding: 8px 0 0;\n        color: #C00;\n        font-size: 15px;\n        .toFriend{\n          font-size: 13px;\n          color: #888;\n          padding: 0;\n          margin: 0;\n        }\n      }\n\n      .payResult{\n        .ant-result{\n          padding: 0 30px 30px;\n        }\n        .ant-result-icon{\n          display: none;\n        }\n      }\n    }\n\n  "])))
+};

package/dist/Buy/qr.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './qr.scss';
 interface Props {
     env?: Global.Env;
     productKind: string;

package/dist/Buy/qr.js

@@ -7,7 +7,7 @@ import * as TradeController from "../service/api/TradeController";
 import * as VipController from "../service/api/VipController";
 import Tool from "../lib/Tool";
 import PageContentWarp from "../UI/PageContentWarp";
-import "./qr.scss";
+import styles from "./qr.css";
 import Platform from "../lib/platform";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -105,81 +105,83 @@ var VipQr = function VipQr(_ref) {
     loading = _useRequest2.loading,
     run = _useRequest2.run,
     error = _useRequest2.error;
-  return /*#__PURE__*/_jsxs(PageContentWarp, {
-    loading: loading || loadingPay,
-    error: error || errorPay
-    // title="购买会员"
-    ,
-    onReload: function onReload() {
-      return run();
-    },
-    className: "ktv-ai-vipQr",
-    children: [/*#__PURE__*/_jsxs("h2", {
-      children: ["\u8D2D\u4E70\u4F1A\u5458\uFF1A", detailData.productName || detailData.productType]
-    }), /*#__PURE__*/_jsxs("div", {
-      className: "price",
-      children: [/*#__PURE__*/_jsx("small", {
-        children: "\uFFE5"
-      }), /*#__PURE__*/_jsx("strong", {
-        children: detailData.price
-      }), /*#__PURE__*/_jsx("small", {
-        children: "\u5143"
-      }), " / ", detailData.monthTitle, productCount > 1 && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(CloseOutlined, {
-          className: "multiply"
-        }), /*#__PURE__*/_jsx("span", {
-          className: "productCount",
-          children: productCount
-        }), /*#__PURE__*/_jsx(PauseOutlined, {
-          className: "equal"
-        }), /*#__PURE__*/_jsx("span", {
-          className: "moneyAll",
-          children: parseFloat(Tool.math.multiply(detailData.price, productCount).toFixed(0))
+  return /*#__PURE__*/_jsx(styles.BuyQr, {
+    children: /*#__PURE__*/_jsxs(PageContentWarp, {
+      loading: loading || loadingPay,
+      error: error || errorPay
+      // title="购买会员"
+      ,
+      onReload: function onReload() {
+        return run();
+      },
+      className: "ktv-ai-vipQr",
+      children: [/*#__PURE__*/_jsxs("h2", {
+        children: ["\u8D2D\u4E70\u4F1A\u5458\uFF1A", detailData.productName || detailData.productType]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "price",
+        children: [/*#__PURE__*/_jsx("small", {
+          children: "\uFFE5"
+        }), /*#__PURE__*/_jsx("strong", {
+          children: detailData.price
         }), /*#__PURE__*/_jsx("small", {
-          className: "yen",
           children: "\u5143"
-        })]
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "qrImage",
-      children: payQrImageUrl && /*#__PURE__*/_jsx("img", {
-        src: payQrImageUrl,
-        alt: ""
-      })
-    }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
-      className: "altInH5",
-      children: ["\u957F\u6309\u4E8C\u7EF4\u7801\uFF0C\u53EF\u8BC6\u522B\u4E8C\u7EF4\u7801\u652F\u4ED8", /*#__PURE__*/_jsx("p", {
-        className: "toFriend",
-        children: "\u6216\u8005\u4FDD\u5B58\u56FE\u7247\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"
-      })]
-    }) : /*#__PURE__*/_jsxs("div", {
-      className: "alt",
-      children: ["\u8BF7\u7528 ", /*#__PURE__*/_jsx(WechatOutlined, {
-        className: "wechatIcon"
-      }), " \u5FAE\u4FE1 \u626B\u7801\u652F\u4ED8 ", /*#__PURE__*/_jsx(Divider, {
-        type: "vertical"
-      }), " \u4E5F\u53EF\u4EE5\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"]
-    }), payResult && /*#__PURE__*/_jsxs("div", {
-      className: "payResult",
-      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Result, {
-        title: "\u662F\u5426\u5DF2\u7ECF\u8D2D\u4E70\u6210\u529F\uFF1F",
-        subTitle: "\u8D2D\u4E70\u6210\u529F\u540E\uFF0C\u53EF\u4EE5\u5728\u201C\u6211\u7684\u201D\u9875\u9762\u67E5\u770B",
-        extra: /*#__PURE__*/_jsxs(Space, {
-          children: [/*#__PURE__*/_jsx(Button, {
-            type: "primary",
-            onClick: function onClick() {
-              return onHandlePaySuccess();
-            },
-            children: "\u5DF2\u7ECF\u4ED8\u6B3E\u6210\u529F"
-          }), /*#__PURE__*/_jsx(Button, {
-            onClick: function onClick() {
-              return setPayResult(false);
-            },
-            children: "\u672A\u4ED8\u6B3E"
+        }), " / ", detailData.monthTitle, productCount > 1 && /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(CloseOutlined, {
+            className: "multiply"
+          }), /*#__PURE__*/_jsx("span", {
+            className: "productCount",
+            children: productCount
+          }), /*#__PURE__*/_jsx(PauseOutlined, {
+            className: "equal"
+          }), /*#__PURE__*/_jsx("span", {
+            className: "moneyAll",
+            children: parseFloat(Tool.math.multiply(detailData.price, productCount).toFixed(0))
+          }), /*#__PURE__*/_jsx("small", {
+            className: "yen",
+            children: "\u5143"
           })]
+        })]
+      }), /*#__PURE__*/_jsx("div", {
+        className: "qrImage",
+        children: payQrImageUrl && /*#__PURE__*/_jsx("img", {
+          src: payQrImageUrl,
+          alt: ""
         })
+      }), Platform.isH5 ? /*#__PURE__*/_jsxs("div", {
+        className: "altInH5",
+        children: ["\u957F\u6309\u4E8C\u7EF4\u7801\uFF0C\u53EF\u8BC6\u522B\u4E8C\u7EF4\u7801\u652F\u4ED8", /*#__PURE__*/_jsx("p", {
+          className: "toFriend",
+          children: "\u6216\u8005\u4FDD\u5B58\u56FE\u7247\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"
+        })]
+      }) : /*#__PURE__*/_jsxs("div", {
+        className: "alt",
+        children: ["\u8BF7\u7528 ", /*#__PURE__*/_jsx(WechatOutlined, {
+          className: "wechatIcon"
+        }), " \u5FAE\u4FE1 \u626B\u7801\u652F\u4ED8 ", /*#__PURE__*/_jsx(Divider, {
+          type: "vertical"
+        }), " \u4E5F\u53EF\u4EE5\u8BA9\u670B\u53CB\u626B\u7801\u4EE3\u4ED8"]
+      }), payResult && /*#__PURE__*/_jsxs("div", {
+        className: "payResult",
+        children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Result, {
+          title: "\u662F\u5426\u5DF2\u7ECF\u8D2D\u4E70\u6210\u529F\uFF1F",
+          subTitle: "\u8D2D\u4E70\u6210\u529F\u540E\uFF0C\u53EF\u4EE5\u5728\u201C\u6211\u7684\u201D\u9875\u9762\u67E5\u770B",
+          extra: /*#__PURE__*/_jsxs(Space, {
+            children: [/*#__PURE__*/_jsx(Button, {
+              type: "primary",
+              onClick: function onClick() {
+                return onHandlePaySuccess();
+              },
+              children: "\u5DF2\u7ECF\u4ED8\u6B3E\u6210\u529F"
+            }), /*#__PURE__*/_jsx(Button, {
+              onClick: function onClick() {
+                return setPayResult(false);
+              },
+              children: "\u672A\u4ED8\u6B3E"
+            })]
+          })
+        })]
       })]
-    })]
+    })
   });
 };
 export default VipQr;

package/dist/UI/DialogDrawer.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    DrawerDialog: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/UI/DialogDrawer.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  DrawerDialog: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ktv-ai-drawerDialog {\n      .ant-drawer-body {\n        background-color: #f5f5f5;\n      }\n      &.light{\n        .ant-drawer-body {\n          background-color: #FFF;\n        }\n      }\n    }\n  "])))
+};

package/dist/UI/DialogDrawer.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './DialogDrawer.scss';
 interface Props {
     onClose?: any;
     content?: any;

package/dist/UI/DialogDrawer.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Drawer, ConfigProvider } from 'antd';
 import React, { useState, useEffect } from 'react';
 import Tool from "../lib/Tool";
-import "./DialogDrawer.scss";
+import styles from "./DialogDrawer.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 // 抽屉
 var DialogDrawer = function DialogDrawer(props) {
@@ -50,17 +50,19 @@ var DialogDrawer = function DialogDrawer(props) {
         colorPrimary: '#722ED1'
       }
     },
-    children: /*#__PURE__*/_jsx(Drawer, {
-      className: "ktv-ai-drawerDialog ".concat(state.bgTheme, " "),
-      title: state.title,
-      placement: state.placement,
-      closable: state.closable,
-      onClose: function onClose() {
-        return _onClose();
-      },
-      visible: visible,
-      width: state.width,
-      children: props.content
+    children: /*#__PURE__*/_jsx(styles.DrawerDialog, {
+      children: /*#__PURE__*/_jsx(Drawer, {
+        className: "ktv-ai-drawerDialog ".concat(state.bgTheme, " "),
+        title: state.title,
+        placement: state.placement,
+        closable: state.closable,
+        onClose: function onClose() {
+          return _onClose();
+        },
+        visible: visible,
+        width: state.width,
+        children: props.content
+      })
     })
   });
 };

package/dist/UI/DialogDrawerFooter.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    DialogDrawerFooter: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/UI/DialogDrawerFooter.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  DialogDrawerFooter: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .warp{\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      z-index: 20;\n      width: 100%;\n      height: 56px;\n      background-color: #FFF;\n      line-height: 56px;\n      text-align: right;\n    }\n    .warpChildren{\n      padding: 0 20px 0 0;\n    }\n    .pos{\n      height: 56px;\n    }\n    "])))
+};

package/dist/UI/DialogDrawerFooter.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './DialogDrawerFooter.scss';
 interface Props {
     children: React.ReactNode;
 }

package/dist/UI/DialogDrawerFooter.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import { Space } from 'antd';
-import "./DialogDrawerFooter.scss";
+import styles from "./DialogDrawerFooter.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var DialogDrawerFooter = function DialogDrawerFooter(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "ktv-ai-dialogDrawerFooter",
+  return /*#__PURE__*/_jsxs(styles.DialogDrawerFooter, {
     children: [/*#__PURE__*/_jsx("div", {
       className: "warp",
       children: /*#__PURE__*/_jsx("div", {

package/dist/UI/LoadError.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    LoadError: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/UI/LoadError.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  LoadError: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    :global{\n      .ant-result {\n        padding: 20px 2px;\n      }\n      .ant-result-image {\n        width: 200px;\n        height: 260px;\n        svg {\n          transform: scale(0.8);\n          transform-origin: 0 50%;\n        }\n      }\n      .ant-result-title {\n        color: #666;\n        font-weight: 400;\n        font-size: 18px;\n      }\n    }\n  "])))
+};

package/dist/UI/LoadError.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './LoadError.scss';
 interface Props {
     title?: string;
     code?: string;

package/dist/UI/LoadError.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button, Result } from 'antd';
-import "./LoadError.scss";
+import styles from "./LoadError.css";
 import { MehOutlined } from '@ant-design/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 var LoadError = function LoadError(_ref) {
@@ -18,8 +18,7 @@ var LoadError = function LoadError(_ref) {
     }
     return outTitle;
   };
-  return /*#__PURE__*/_jsx("div", {
-    className: "ktv-ai-loadError",
+  return /*#__PURE__*/_jsx(styles.LoadError, {
     children: /*#__PURE__*/_jsx(Result, {
       icon: /*#__PURE__*/_jsx(MehOutlined, {}),
       title: getTitle(),

package/dist/UI/PageContentWarp.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    PageContentBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/UI/PageContentWarp.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  PageContentBox: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .ktv-ai-loading{\n      padding: 20px;\n      text-align: center;\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      font-size: 30px;\n    }\n  "])))
+};

package/dist/UI/PageContentWarp.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './PageContentWarp.scss';
 interface Props {
     title?: React.ReactNode;
     className?: string;

package/dist/UI/PageContentWarp.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import "./PageContentWarp.scss";
+import styles from "./PageContentWarp.css";
 import LoadError from "./LoadError";
 import { LoadingOutlined } from '@ant-design/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -22,7 +22,7 @@ var PageContentWarp = function PageContentWarp(_ref) {
     error = _ref.error,
     errorNode = _ref.errorNode,
     onReload = _ref.onReload;
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsxs(styles.PageContentBox, {
     className: "ktv-ai-pageContentBox ".concat(className),
     style: {
       minHeight: minHeight > 0 ? minHeight : 'auto'

package/dist/VipCompare/commend.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    VipCommend: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+};
+export default _default;

package/dist/VipCompare/commend.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  VipCommend: styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: #F60;\n    padding-left: 3px;\n    .ktv-ai-icon{\n      margin-right: 1px;\n    }\n  "])))
+};

package/dist/VipCompare/commend.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './commend.scss';
 interface Props {
     commend?: number;
 }

package/dist/VipCompare/commend.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { useEffect, useState } from 'react';
 import { LikeOutlined } from '@ant-design/icons';
-import "./commend.scss";
+import styles from "./commend.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 var VipCommend = function VipCommend(_ref) {
   var _ref$commend = _ref.commend,
@@ -17,8 +17,7 @@ var VipCommend = function VipCommend(_ref) {
     }
     setList(dataList);
   }, [commend]);
-  return /*#__PURE__*/_jsx("span", {
-    className: "ktv-ai-vipCommend",
+  return /*#__PURE__*/_jsx(styles.VipCommend, {
     children: list.map(function (num, i) {
       return /*#__PURE__*/_jsx(LikeOutlined, {
         className: "ktv-ai-icon"

package/dist/VipCompare/index.css.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const _default: {
+    VipCompare: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+};
+export default _default;

package/dist/VipCompare/index.css.js

@@ -0,0 +1,6 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import styled from 'styled-components';
+export default {
+  VipCompare: styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .vip-compare-price{\n      small{\n        color: #888;\n        vertical-align: middle;\n      }\n    }\n    .listMore{\n      position: absolute;\n      right: 10px;\n      top: 9px;\n    }\n\n    .vipCompareListMoreContent{\n      width: 500px;\n      .ratioAlt{\n        padding: 6px 0;\n        font-size: 13px;\n        color: #777;\n        .vip-compare-alt{\n\n        }\n      }\n    }\n  "])))
+};

package/dist/VipCompare/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import "./index.scss";
 interface Props {
     productType: string;
     env?: Global.Env;

package/dist/VipCompare/index.js

@@ -8,7 +8,7 @@ import { useRequest } from '@umijs/hooks';
 import * as VipController from "../service/api/VipController";
 import Tool from "../lib/Tool";
 import PageContentWarp from "../UI/PageContentWarp";
-import "./index.scss";
+import styles from "./index.css";
 import { QuestionCircleFilled, LikeOutlined } from '@ant-design/icons';
 import VipCommend from "./commend";
 import * as UserController from "../service/api/UserController";
@@ -263,58 +263,59 @@ var VipCompare = function VipCompare(_ref) {
     });
     setColumns(_toConsumableArray(columns));
   }, []);
-  return /*#__PURE__*/_jsxs(PageContentWarp, {
+  return /*#__PURE__*/_jsx(PageContentWarp, {
     loading: loading,
     error: error,
     onReload: function onReload() {
       return run();
     },
-    className: "ktv-ai-vip-compare",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "listMore",
-      children: /*#__PURE__*/_jsx(Popover, {
-        title: "\u4F1A\u5458\u63D0\u6210\u4ECB\u7ECD",
-        placement: "topRight",
-        content: /*#__PURE__*/_jsxs("div", {
-          className: "vipCompareListMoreContent",
-          children: [/*#__PURE__*/_jsx("p", {
-            children: "\u60A8\u53EF\u4EE5\u8D2D\u4E70\u7684\u4F1A\u5458\u52A0\u901F\u5361\uFF0C\u63A8\u5E7F\u8D5A\u94B1\uFF1B\u4F1A\u5458\u7B49\u7EA7\u7B49\u7EA7\u8D8A\u9AD8\uFF0C\u6536\u76CA\u8D8A\u9AD8\uFF1B"
-          }), /*#__PURE__*/_jsx(Table, {
-            size: "small",
-            bordered: true,
-            rowKey: function rowKey(record) {
-              return "".concat(record.id);
-            },
-            loading: loading,
-            columns: columnsMore,
-            dataSource: listData,
-            pagination: false
-          }), /*#__PURE__*/_jsxs("div", {
-            className: ".vip-compare-ratioAlt",
-            children: [/*#__PURE__*/_jsx("strong", {
-              children: "\u4E00\u7EA7\u597D\u53CB"
-            }), "\u8868\u793A\u4F60\u9080\u8BF7\u7684\u597D\u53CB\uFF0C", /*#__PURE__*/_jsx("strong", {
-              children: "\u4E8C\u7EA7\u597D\u53CB"
-            }), "\u8868\u793A\u4F60\u7684\u597D\u53CB\u9080\u8BF7\u7684\u597D\u53CB\uFF1B\u597D\u53CB\u5728\u5E73\u53F0", /*#__PURE__*/_jsx("strong", {
-              children: "\u73B0\u5728\u3001\u672A\u6765"
-            }), "\u7684\u6240\u6709\u6D88\u8D39\u90FD\u6709\u5206\u6210\u3002"]
-          })]
-        }),
-        children: /*#__PURE__*/_jsxs("a", {
-          children: [/*#__PURE__*/_jsx(QuestionCircleFilled, {}), " \u8BF4\u660E"]
+    children: /*#__PURE__*/_jsxs(styles.VipCompare, {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "listMore",
+        children: /*#__PURE__*/_jsx(Popover, {
+          title: "\u4F1A\u5458\u63D0\u6210\u4ECB\u7ECD",
+          placement: "topRight",
+          content: /*#__PURE__*/_jsxs("div", {
+            className: "vipCompareListMoreContent",
+            children: [/*#__PURE__*/_jsx("p", {
+              children: "\u60A8\u53EF\u4EE5\u8D2D\u4E70\u7684\u4F1A\u5458\u52A0\u901F\u5361\uFF0C\u63A8\u5E7F\u8D5A\u94B1\uFF1B\u4F1A\u5458\u7B49\u7EA7\u7B49\u7EA7\u8D8A\u9AD8\uFF0C\u6536\u76CA\u8D8A\u9AD8\uFF1B"
+            }), /*#__PURE__*/_jsx(Table, {
+              size: "small",
+              bordered: true,
+              rowKey: function rowKey(record) {
+                return "".concat(record.id);
+              },
+              loading: loading,
+              columns: columnsMore,
+              dataSource: listData,
+              pagination: false
+            }), /*#__PURE__*/_jsxs("div", {
+              className: ".vip-compare-ratioAlt",
+              children: [/*#__PURE__*/_jsx("strong", {
+                children: "\u4E00\u7EA7\u597D\u53CB"
+              }), "\u8868\u793A\u4F60\u9080\u8BF7\u7684\u597D\u53CB\uFF0C", /*#__PURE__*/_jsx("strong", {
+                children: "\u4E8C\u7EA7\u597D\u53CB"
+              }), "\u8868\u793A\u4F60\u7684\u597D\u53CB\u9080\u8BF7\u7684\u597D\u53CB\uFF1B\u597D\u53CB\u5728\u5E73\u53F0", /*#__PURE__*/_jsx("strong", {
+                children: "\u73B0\u5728\u3001\u672A\u6765"
+              }), "\u7684\u6240\u6709\u6D88\u8D39\u90FD\u6709\u5206\u6210\u3002"]
+            })]
+          }),
+          children: /*#__PURE__*/_jsxs("a", {
+            children: [/*#__PURE__*/_jsx(QuestionCircleFilled, {}), " \u8BF4\u660E"]
+          })
         })
-      })
-    }), /*#__PURE__*/_jsx(Table, {
-      size: "small",
-      bordered: true,
-      rowKey: function rowKey(record) {
-        return "".concat(record.id);
-      },
-      loading: loading,
-      columns: columns,
-      dataSource: listData,
-      pagination: false
-    })]
+      }), /*#__PURE__*/_jsx(Table, {
+        size: "small",
+        bordered: true,
+        rowKey: function rowKey(record) {
+          return "".concat(record.id);
+        },
+        loading: loading,
+        columns: columns,
+        dataSource: listData,
+        pagination: false
+      })]
+    })
   });
 };
 export default VipCompare;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "component-shipinlv",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -72,6 +72,7 @@
     "@umijs/hooks": "^1.9.3",
     "jr-qrcode": "^1.1.4",
     "moment": "^2.29.4",
+    "styled-components": "^6.1.8",
     "umi-request": "^1.4.0",
     "yarn": "^1.22.19"
   },

package/dist/AuthClient/login-reg.scss

@@ -1,13 +0,0 @@
-.loginReg{
-  .radioSelectBox{
-    text-align: right;
-  }
-  .selectTabs{
-    .ant-tabs-nav-wrap{
-      display: none !important;
-    }
-    .ant-tabs-nav{
-      opacity: 0;
-    }
-  }
-}

package/dist/AuthClient/login.scss

@@ -1,52 +0,0 @@
-.authClientLogin{
-  background: no-repeat left bottom #FFF;
-  background-size: cover;
-  .webTitle{
-    font-weight: normal;
-    font-size: 22px;
-    text-align: right;
-    margin: 0 0 -10px 0;
-    line-height: 1em;
-    span{
-      display: inline-block;
-      padding-left: 5px;
-      font-weight: lighter;
-      font-size: 16px;
-    };
-  }
-  .loginMain{
-    margin: 0 auto 20px;
-    .loginForm{
-      margin: 0 auto;
-      padding:0 0 5px 0  ;
-      background-color: rgba(255, 255, 255, 0.75 );
-      border-radius: 6px;
-    }
-  }
-
-  .storePass{
-    cursor: pointer;
-  }
-
-  .login-success{
-    position: relative;
-    cursor: pointer;
-    width: 220px;
-    height: 220px;
-    margin: 10px auto; background-color: #EEE; font-size: 40px; color: #999; text-align: center;
-    .anticon{  line-height: 1em; color: #52c41a; }
-    .icon-warp{
-      position: relative; z-index: 10; opacity: 1;  margin-top: 70px; width: 80px; height: 80px; padding: 10px; background-color: #FFF; display: inline-block; border-radius: 100px; }
-  }
-
-  .otherInfo{
-    position: relative;
-    .forgetPass{
-      position: absolute;
-      right: 0;
-      top: 0;
-      padding: 6px 0 0 0;
-      font-size: 13px;
-    }
-  }
-}

package/dist/AuthClient/qr/index.scss

@@ -1,84 +0,0 @@
-.authQrLogin{
-  .loginForm{
-    margin: 0 auto;
-    padding: 0 0 5px 0  ;
-    background-color: rgba(255, 255, 255, 0.75 );
-    border-radius: 6px;
-  }
-  .webTitle{
-    font-weight: normal;
-    font-size: 22px;
-    text-align: center;
-    padding: 0;
-    margin: 6px 0 0 0;
-    line-height: 1em;
-    span{
-      display: inline-block;
-      padding-left: 5px;
-      font-weight: lighter;
-      font-size: 16px;
-    };
-  }
-  .weQrUrlBox{
-    min-height: 240px !important;
-    .weQrUrl{
-      width: 240px;
-      display: block;
-      margin: 10px auto 0;
-    }
-  }
-
-  .qr{
-    display: block;
-    margin: 12px auto 0;
-    width: 230px;
-    height: 230px;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center;
-    &.qrAlipay{
-      border: 3px solid #1677ff;
-    }
-    .reTry{
-      font-size: 80px;
-      background-color: rgba( 255, 255, 255, 0.95 );
-      text-align: center;
-      line-height: 210px;
-      height: 100%;
-      a{
-        display: block;
-      }
-    }
-  }
-  .alt{
-    padding: 10px 0 0;
-    color: #999;
-    text-align: center;
-  }
-  .altWeb{
-    padding: 16px 0 0;
-    max-width: 300px;
-    margin: 0 auto;
-    .titles{
-      text-align: center;
-      font-weight: bold;
-    }
-    ul{
-      margin: 0 10px;
-    }
-
-  }
-  .percent{
-    width: 100%;
-    position: absolute;
-    overflow: hidden;
-    left: 0;
-    bottom: 0;
-    .warp{
-      height: 4px;
-      background-color: #1677ff;
-      transition: all 1.6s ease-in-out;
-      -webkit-transition: all 1.6s ease-in-out;
-    }
-  }
-}

package/dist/AuthClient/reg.scss

@@ -1,3 +0,0 @@
-.authClientReg{
-
-}

package/dist/Buy/index.scss

@@ -1,26 +0,0 @@
-.ktv-ai-vip-compare{
-  .vip-compare-price{
-    small{
-      color: #888;
-      vertical-align: middle;
-    }
-  }
-  .listMore{
-    position: absolute;
-    right: 10px;
-    top: 9px;
-  }
-
-  .vipCompareListMoreContent{
-    width: 500px;
-    .ratioAlt{
-      padding: 6px 0;
-      font-size: 13px;
-      color: #777;
-      .vip-compare-alt{
-
-      }
-    }
-  }
-
-}

package/dist/Buy/qr.scss

@@ -1,69 +0,0 @@
-.ktv-ai-vipQr{
-  position: relative;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  .qrImage{
-    width: 200px;
-    height: 200px;
-    margin: 20px auto 10px;
-    img{
-      display: block;
-      width: 100%;
-      max-width: 100%;
-    }
-  }
-  .price{
-    font-size: 16px;
-    strong{
-      font-size: 20px;
-      color: #F60;
-    }
-    .multiply{
-      display: inline-block;
-      margin: 0 10px;
-      color: #AAA;
-    }
-    .productCount{
-      font-size: 20px;
-    }
-    .equal{
-      transform: rotate(90deg);
-      display: inline-block;
-      margin: 0 10px;
-      color: #AAA;
-    }
-    .moneyAll{
-      color: #F60;
-      font-size: 32px;
-    }
-  }
-  .alt{
-    color: #999;
-    font-size: 13px;
-    .wechatIcon{
-      color: #0bc160;
-    }
-  }
-  .altInH5{
-    padding: 8px 0 0;
-    color: #C00;
-    font-size: 15px;
-    .toFriend{
-      font-size: 13px;
-      color: #888;
-      padding: 0;
-      margin: 0;
-    }
-  }
-
-  .payResult{
-    .ant-result{
-      padding: 0 30px 30px;
-    }
-    .ant-result-icon{
-      display: none;
-    }
-  }
-}

package/dist/UI/DialogDrawer.scss

@@ -1,10 +0,0 @@
-.ktv-ai-drawerDialog {
-  .ant-drawer-body {
-    background-color: #f5f5f5;
-  }
-  &.light{
-    .ant-drawer-body {
-      background-color: #FFF;
-    }
-  }
-}

package/dist/UI/DialogDrawerFooter.scss

@@ -1,19 +0,0 @@
-.ktv-ai-dialogDrawerFooter{
-  .warp{
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    z-index: 20;
-    width: 100%;
-    height: 56px;
-    background-color: #FFF;
-    line-height: 56px;
-    text-align: right;
-  }
-  .warpChildren{
-    padding: 0 20px 0 0;
-  }
-  .pos{
-    height: 56px;
-  }
-}

package/dist/UI/LoadError.scss

@@ -1,18 +0,0 @@
-.ktv-ai-loadError {
-  .ant-result {
-    padding: 20px 2px;
-  }
-  .ant-result-image {
-    width: 200px;
-    height: 260px;
-    svg {
-      transform: scale(0.8);
-      transform-origin: 0 50%;
-    }
-  }
-  .ant-result-title {
-    color: #666;
-    font-weight: 400;
-    font-size: 18px;
-  }
-}

package/dist/UI/PageContentWarp.scss

@@ -1,11 +0,0 @@
-.ktv-ai-pageContentBox{
-  .ktv-ai-loading{
-    padding: 20px;
-    text-align: center;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    font-size: 30px;
-  }
-
-}

package/dist/VipCompare/commend.scss

@@ -1,7 +0,0 @@
-.ktv-ai-vipCommend{
-  color: #F60;
-  padding-left: 3px;
-  .ktv-ai-icon{
-    margin-right: 1px;
-  }
-}

package/dist/VipCompare/index.scss

@@ -1,26 +0,0 @@
-.ktv-ai-vip-compare{
-  .vip-compare-price{
-    small{
-      color: #888;
-      vertical-align: middle;
-    }
-  }
-  .listMore{
-    position: absolute;
-    right: 10px;
-    top: 9px;
-  }
-
-  .vipCompareListMoreContent{
-    width: 500px;
-    .ratioAlt{
-      padding: 6px 0;
-      font-size: 13px;
-      color: #777;
-      .vip-compare-alt{
-
-      }
-    }
-  }
-
-}