diff --git a/sub-operation-service/src/App.vue b/sub-operation-service/src/App.vue index 3293538..7a2b418 100644 --- a/sub-operation-service/src/App.vue +++ b/sub-operation-service/src/App.vue @@ -24,6 +24,4 @@ const size = computed(() => SettingStore.themeConfig.globalComSize); diff --git a/sub-operation-service/src/styles/aliiconfont.css b/sub-operation-service/src/assets/fonts/aliiconfont.css similarity index 100% rename from sub-operation-service/src/styles/aliiconfont.css rename to sub-operation-service/src/assets/fonts/aliiconfont.css diff --git a/sub-operation-service/src/assets/fonts/demo.css b/sub-operation-service/src/assets/fonts/demo.css deleted file mode 100644 index 68ff312..0000000 --- a/sub-operation-service/src/assets/fonts/demo.css +++ /dev/null @@ -1,543 +0,0 @@ -/* Logo 字体 */ -@font-face { - font-family: 'iconfont logo'; - src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); - src: - url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), - url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), - url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), - url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); -} - -.logo { - font-family: 'iconfont logo'; - font-size: 160px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -/* tabs */ -.nav-tabs { - position: relative; -} - -.nav-tabs .nav-more { - position: absolute; - right: 0; - bottom: 0; - height: 42px; - line-height: 42px; - color: #666; -} - -#tabs { - border-bottom: 1px solid #eee; -} - -#tabs li { - cursor: pointer; - width: 100px; - height: 40px; - line-height: 40px; - text-align: center; - font-size: 16px; - border-bottom: 2px solid transparent; - position: relative; - z-index: 1; - margin-bottom: -1px; - color: #666; -} - -#tabs .active { - border-bottom-color: #f00; - color: #222; -} - -.tab-container .content { - display: none; -} - -/* 页面布局 */ -.main { - padding: 30px 100px; - width: 960px; - margin: 0 auto; -} - -.main .logo { - color: #333; - text-align: left; - margin-bottom: 30px; - line-height: 1; - height: 110px; - margin-top: -50px; - overflow: hidden; - *zoom: 1; -} - -.main .logo a { - font-size: 160px; - color: #333; -} - -.helps { - margin-top: 40px; -} - -.helps pre { - padding: 20px; - margin: 10px 0; - border: solid 1px #e7e1cd; - background-color: #fffdef; - overflow: auto; -} - -.icon_lists { - width: 100% !important; - overflow: hidden; - *zoom: 1; -} - -.icon_lists li { - width: 100px; - margin-bottom: 10px; - margin-right: 20px; - text-align: center; - list-style: none !important; - cursor: default; -} - -.icon_lists li .code-name { - line-height: 1.2; -} - -.icon_lists .icon { - display: block; - height: 100px; - line-height: 100px; - font-size: 42px; - margin: 10px auto; - color: #333; - -webkit-transition: - font-size 0.25s linear, - width 0.25s linear; - -moz-transition: - font-size 0.25s linear, - width 0.25s linear; - transition: - font-size 0.25s linear, - width 0.25s linear; -} - -.icon_lists .icon:hover { - font-size: 100px; -} - -.icon_lists .svg-icon { - /* 通过设置 font-size 来改变图标大小 */ - width: 1em; - /* 图标和文字相邻时，垂直对齐 */ - vertical-align: -0.15em; - /* 通过设置 color 来改变 SVG 的颜色/fill */ - fill: currentColor; - /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 - normalize.css 中也包含这行 */ - overflow: hidden; -} - -.icon_lists li .name, -.icon_lists li .code-name { - color: #666; -} - -/* markdown 样式 */ -.markdown { - color: #666; - font-size: 14px; - line-height: 1.8; -} - -.highlight { - line-height: 1.5; -} - -.markdown img { - vertical-align: middle; - max-width: 100%; -} - -.markdown h1 { - color: #404040; - font-weight: 500; - line-height: 40px; - margin-bottom: 24px; -} - -.markdown h2, -.markdown h3, -.markdown h4, -.markdown h5, -.markdown h6 { - color: #404040; - margin: 1.6em 0 0.6em 0; - font-weight: 500; - clear: both; -} - -.markdown h1 { - font-size: 28px; -} - -.markdown h2 { - font-size: 22px; -} - -.markdown h3 { - font-size: 16px; -} - -.markdown h4 { - font-size: 14px; -} - -.markdown h5 { - font-size: 12px; -} - -.markdown h6 { - font-size: 12px; -} - -.markdown hr { - height: 1px; - border: 0; - background: #e9e9e9; - margin: 16px 0; - clear: both; -} - -.markdown p { - margin: 1em 0; -} - -.markdown > p, -.markdown > blockquote, -.markdown > .highlight, -.markdown > ol, -.markdown > ul { - width: 80%; -} - -.markdown ul > li { - list-style: circle; -} - -.markdown > ul li, -.markdown blockquote ul > li { - margin-left: 20px; - padding-left: 4px; -} - -.markdown > ul li p, -.markdown > ol li p { - margin: 0.6em 0; -} - -.markdown ol > li { - list-style: decimal; -} - -.markdown > ol li, -.markdown blockquote ol > li { - margin-left: 20px; - padding-left: 4px; -} - -.markdown code { - margin: 0 3px; - padding: 0 5px; - background: #eee; - border-radius: 3px; -} - -.markdown strong, -.markdown b { - font-weight: 600; -} - -.markdown > table { - border-collapse: collapse; - border-spacing: 0px; - empty-cells: show; - border: 1px solid #e9e9e9; - width: 95%; - margin-bottom: 24px; -} - -.markdown > table th { - white-space: nowrap; - color: #333; - font-weight: 600; -} - -.markdown > table th, -.markdown > table td { - border: 1px solid #e9e9e9; - padding: 8px 16px; - text-align: left; -} - -.markdown > table th { - background: #f7f7f7; -} - -.markdown blockquote { - font-size: 90%; - color: #999; - border-left: 4px solid #e9e9e9; - padding-left: 0.8em; - margin: 1em 0; -} - -.markdown blockquote p { - margin: 0; -} - -.markdown .anchor { - opacity: 0; - transition: opacity 0.3s ease; - margin-left: 8px; -} - -.markdown .waiting { - color: #ccc; -} - -.markdown h1:hover .anchor, -.markdown h2:hover .anchor, -.markdown h3:hover .anchor, -.markdown h4:hover .anchor, -.markdown h5:hover .anchor, -.markdown h6:hover .anchor { - opacity: 1; - display: inline-block; -} - -.markdown > br, -.markdown > p > br { - clear: both; -} - -.hljs { - display: block; - background: white; - padding: 0.5em; - color: #333333; - overflow-x: auto; -} - -.hljs-comment, -.hljs-meta { - color: #969896; -} - -.hljs-string, -.hljs-variable, -.hljs-template-variable, -.hljs-strong, -.hljs-emphasis, -.hljs-quote { - color: #df5000; -} - -.hljs-keyword, -.hljs-selector-tag, -.hljs-type { - color: #a71d5d; -} - -.hljs-literal, -.hljs-symbol, -.hljs-bullet, -.hljs-attribute { - color: #0086b3; -} - -.hljs-section, -.hljs-name { - color: #63a35c; -} - -.hljs-tag { - color: #333333; -} - -.hljs-title, -.hljs-attr, -.hljs-selector-id, -.hljs-selector-class, -.hljs-selector-attr, -.hljs-selector-pseudo { - color: #795da3; -} - -.hljs-addition { - color: #55a532; - background-color: #eaffea; -} - -.hljs-deletion { - color: #bd2c00; - background-color: #ffecec; -} - -.hljs-link { - text-decoration: underline; -} - -/* 代码高亮 */ -/* PrismJS 1.15.0 -https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ -/** - * prism.js default theme for JavaScript, CSS and HTML - * Based on dabblet (http://dabblet.com) - * @author Lea Verou - */ -code[class*='language-'], -pre[class*='language-'] { - color: black; - background: none; - text-shadow: 0 1px white; - font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; - text-align: left; - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: 1.5; - - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -pre[class*='language-']::-moz-selection, -pre[class*='language-'] ::-moz-selection, -code[class*='language-']::-moz-selection, -code[class*='language-'] ::-moz-selection { - text-shadow: none; - background: #b3d4fc; -} - -pre[class*='language-']::selection, -pre[class*='language-'] ::selection, -code[class*='language-']::selection, -code[class*='language-'] ::selection { - text-shadow: none; - background: #b3d4fc; -} - -@media print { - code[class*='language-'], - pre[class*='language-'] { - text-shadow: none; - } -} - -/* Code blocks */ -pre[class*='language-'] { - padding: 1em; - margin: 0.5em 0; - overflow: auto; -} - -:not(pre) > code[class*='language-'], -pre[class*='language-'] { - background: #f5f2f0; -} - -/* Inline code */ -:not(pre) > code[class*='language-'] { - padding: 0.1em; - border-radius: 0.3em; - white-space: normal; -} - -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: slategray; -} - -.token.punctuation { - color: #999; -} - -.namespace { - opacity: 0.7; -} - -.token.property, -.token.tag, -.token.boolean, -.token.number, -.token.constant, -.token.symbol, -.token.deleted { - color: #905; -} - -.token.selector, -.token.attr-name, -.token.string, -.token.char, -.token.builtin, -.token.inserted { - color: #690; -} - -.token.operator, -.token.entity, -.token.url, -.language-css .token.string, -.style .token.string { - color: #9a6e3a; - background: hsla(0, 0%, 100%, 0.5); -} - -.token.atrule, -.token.attr-value, -.token.keyword { - color: #07a; -} - -.token.function, -.token.class-name { - color: #dd4a68; -} - -.token.regex, -.token.important, -.token.variable { - color: #e90; -} - -.token.important, -.token.bold { - font-weight: bold; -} - -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} diff --git a/sub-operation-service/src/assets/fonts/demo_index.html b/sub-operation-service/src/assets/fonts/demo_index.html deleted file mode 100644 index 24647ea..0000000 --- a/sub-operation-service/src/assets/fonts/demo_index.html +++ /dev/null @@ -1,1223 +0,0 @@ - - - - - iconfont Demo - - - - - - - - - - - - - -
-

- - -

-
- - - 查看项目 - -
-
-
-
    - -
  • - -
    销售明细
    -
    
    -
    • - -
  • - -
    销售明细
    -
    
    -
    • - -
  • - -
    充值记录
    -
    
    -
    • - -
  • - -
    充值规则
    -
    
    -
    • - -
  • - -
    用户画像
    -
    
    -
    • - -
  • - -
    成就
    -
    
    -
    • - -
  • - -
    我的-段位
    -
    
    -
    • - -
  • - -
    皮肤
    -
    
    -
    • - -
  • - -
    个人中心-积分商城
    -
    
    -
    • - -
  • - -
    价值投资
    -
    
    -
    • - -
  • - -
    费用统计
    -
    
    -
    • - -
  • - -
    数据报表
    -
    
    -
    • - -
  • - -
    游戏管理
    -
    
    -
    • - -
  • - -
    banner
    -
    
    -
    • - -
  • - -
    核销码核销
    -
    
    -
    • - -
  • - -
    结算管理
    -
    
    -
    • - -
  • - -
    退货退款
    -
    
    -
    • - -
  • - -
    wechat
    -
    
    -
    • - -
  • - -
    alipay
    -
    
    -
    • - -
  • - -
    会员
    -
    
    -
    • - -
  • - -
    我的优惠券
    -
    
    -
    • - -
  • - -
    会员等级
    -
    
    -
    • - -
  • - -
    活动
    -
    
    -
    • - -
  • - -
    门店
    -
    
    -
    • - -
  • - -
    会员
    -
    
    -
    • - -
  • - -
    会员充值
    -
    
    -
    • - -
  • - -
    营销
    -
    
    -
    • - -
  • - -
    商品规格
    -
    
    -
    • - -
  • - -
    商家入驻
    -
    
    -
    • - -
  • - -
    小店商品库
    -
    
    -
    • - -
  • - -
    商家列表
    -
    
    -
    • - -
  • - -
    订单
    -
    
    -
    • - -
  • - -
    权限
    -
    
    -
    • - -
  • - -
    06商品-线性
    -
    
    -
    • - -
  • - -
    菜单
    -
    
    -
    • - -
  • - -
    dictionary
    -
    
    -
    • - -
  • - -
    dictionary
    -
    
    -
    • - -
  • - -
    new-role
    -
    
    -
    • - -
  • - -
    327全屏
    -
    
    -
    • - -
  • - -
    328退出全屏
    -
    
    -
    • - -
  • - -
    表格
    -
    
    -
    • - -
  • - -
    测试
    -
    
    -
    • - -
  • - -
    中英文
    -
    
    -
    • - -
  • - -
    方案列表-默认
    -
    
    -
    • - -
  • - -
    文字大小
    -
    
    -
    • - -
-
-

Unicode 引用

-
- -

Unicode 是字体在网页端最原始的应用方式，特点是：

-
    -
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • -
  • 默认情况下不支持多色，直接添加多色图标会自动去色。
    • -
-
-

注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

-
-

Unicode 使用步骤如下：

-

第一步：拷贝项目下面生成的 @font-face

-
@font-face {
-  font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1725879404188') format('woff2'),
-       url('iconfont.woff?t=1725879404188') format('woff'),
-       url('iconfont.ttf?t=1725879404188') format('truetype');
-}
-
-

第二步：定义使用 iconfont 的样式

-
.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-

第三步：挑选相应图标并获取字体编码，应用于页面

-
-<span class="iconfont">&#x33;</span>
-
-
-

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

-
-
-
-
-
    - -
  • - -
    - 销售明细 -
    -
    .icon-data4 -
    -
    • - -
  • - -
    - 销售明细 -
    -
    .icon-data5 -
    -
    • - -
  • - -
    - 充值记录 -
    -
    .icon-recharge-record -
    -
    • - -
  • - -
    - 充值规则 -
    -
    .icon-recharge-rule -
    -
    • - -
  • - -
    - 用户画像 -
    -
    .icon-user-profile -
    -
    • - -
  • - -
    - 成就 -
    -
    .icon-achieve -
    -
    • - -
  • - -
    - 我的-段位 -
    -
    .icon-activity-level -
    -
    • - -
  • - -
    - 皮肤 -
    -
    .icon-skins -
    -
    • - -
  • - -
    - 个人中心-积分商城 -
    -
    .icon-data1 -
    -
    • - -
  • - -
    - 价值投资 -
    -
    .icon-data2 -
    -
    • - -
  • - -
    - 费用统计 -
    -
    .icon-data3 -
    -
    • - -
  • - -
    - 数据报表 -
    -
    .icon-data -
    -
    • - -
  • - -
    - 游戏管理 -
    -
    .icon-game -
    -
    • - -
  • - -
    - banner -
    -
    .icon-banner -
    -
    • - -
  • - -
    - 核销码核销 -
    -
    .icon-verification -
    -
    • - -
  • - -
    - 结算管理 -
    -
    .icon-balance -
    -
    • - -
  • - -
    - 退货退款 -
    -
    .icon-refund -
    -
    • - -
  • - -
    - wechat -
    -
    .icon-wechat -
    -
    • - -
  • - -
    - alipay -
    -
    .icon-alipay -
    -
    • - -
  • - -
    - 会员 -
    -
    .icon-user -
    -
    • - -
  • - -
    - 我的优惠券 -
    -
    .icon-coupon -
    -
    • - -
  • - -
    - 会员等级 -
    -
    .icon-level -
    -
    • - -
  • - -
    - 活动 -
    -
    .icon-activity -
    -
    • - -
  • - -
    - 门店 -
    -
    .icon-shop -
    -
    • - -
  • - -
    - 会员 -
    -
    .icon-member -
    -
    • - -
  • - -
    - 会员充值 -
    -
    .icon-recharge -
    -
    • - -
  • - -
    - 营销 -
    -
    .icon-marketing -
    -
    • - -
  • - -
    - 商品规格 -
    -
    .icon-goods-sku -
    -
    • - -
  • - -
    - 商家入驻 -
    -
    .icon-store -
    -
    • - -
  • - -
    - 小店商品库 -
    -
    .icon-goods-store -
    -
    • - -
  • - -
    - 商家列表 -
    -
    .icon-storer -
    -
    • - -
  • - -
    - 订单 -
    -
    .icon-order -
    -
    • - -
  • - -
    - 权限 -
    -
    .icon-permission -
    -
    • - -
  • - -
    - 06商品-线性 -
    -
    .icon-goods -
    -
    • - -
  • - -
    - 菜单 -
    -
    .icon-menu -
    -
    • - -
  • - -
    - dictionary -
    -
    .icon-dict-type -
    -
    • - -
  • - -
    - dictionary -
    -
    .icon-dictionary -
    -
    • - -
  • - -
    - new-role -
    -
    .icon-role -
    -
    • - -
  • - -
    - 327全屏 -
    -
    .icon-fullscreen -
    -
    • - -
  • - -
    - 328退出全屏 -
    -
    .icon-exit-fullscreen -
    -
    • - -
  • - -
    - 表格 -
    -
    .icon-table -
    -
    • - -
  • - -
    - 测试 -
    -
    .icon-test -
    -
    • - -
  • - -
    - 中英文 -
    -
    .icon-lang -
    -
    • - -
  • - -
    - 方案列表-默认 -
    -
    .icon-demo -
    -
    • - -
  • - -
    - 文字大小 -
    -
    .icon-size -
    -
    • - -
-
-

font-class 引用

-
- -

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

-

与 Unicode 使用方式相比，具有如下特点：

-
    -
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • -
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • -
-

使用步骤如下：

-

第一步：引入项目下面生成的 fontclass 代码：

-
<link rel="stylesheet" href="./iconfont.css">
-
-

第二步：挑选相应图标并获取类名，应用于页面：

-
<span class="iconfont icon-xxx"></span>
-
-
-

" - iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

-
-
-
-
-
    - -
  • - -
    销售明细
    -
    #icon-data4
    -
    • - -
  • - -
    销售明细
    -
    #icon-data5
    -
    • - -
  • - -
    充值记录
    -
    #icon-recharge-record
    -
    • - -
  • - -
    充值规则
    -
    #icon-recharge-rule
    -
    • - -
  • - -
    用户画像
    -
    #icon-user-profile
    -
    • - -
  • - -
    成就
    -
    #icon-achieve
    -
    • - -
  • - -
    我的-段位
    -
    #icon-activity-level
    -
    • - -
  • - -
    皮肤
    -
    #icon-skins
    -
    • - -
  • - -
    个人中心-积分商城
    -
    #icon-data1
    -
    • - -
  • - -
    价值投资
    -
    #icon-data2
    -
    • - -
  • - -
    费用统计
    -
    #icon-data3
    -
    • - -
  • - -
    数据报表
    -
    #icon-data
    -
    • - -
  • - -
    游戏管理
    -
    #icon-game
    -
    • - -
  • - -
    banner
    -
    #icon-banner
    -
    • - -
  • - -
    核销码核销
    -
    #icon-verification
    -
    • - -
  • - -
    结算管理
    -
    #icon-balance
    -
    • - -
  • - -
    退货退款
    -
    #icon-refund
    -
    • - -
  • - -
    wechat
    -
    #icon-wechat
    -
    • - -
  • - -
    alipay
    -
    #icon-alipay
    -
    • - -
  • - -
    会员
    -
    #icon-user
    -
    • - -
  • - -
    我的优惠券
    -
    #icon-coupon
    -
    • - -
  • - -
    会员等级
    -
    #icon-level
    -
    • - -
  • - -
    活动
    -
    #icon-activity
    -
    • - -
  • - -
    门店
    -
    #icon-shop
    -
    • - -
  • - -
    会员
    -
    #icon-member
    -
    • - -
  • - -
    会员充值
    -
    #icon-recharge
    -
    • - -
  • - -
    营销
    -
    #icon-marketing
    -
    • - -
  • - -
    商品规格
    -
    #icon-goods-sku
    -
    • - -
  • - -
    商家入驻
    -
    #icon-store
    -
    • - -
  • - -
    小店商品库
    -
    #icon-goods-store
    -
    • - -
  • - -
    商家列表
    -
    #icon-storer
    -
    • - -
  • - -
    订单
    -
    #icon-order
    -
    • - -
  • - -
    权限
    -
    #icon-permission
    -
    • - -
  • - -
    06商品-线性
    -
    #icon-goods
    -
    • - -
  • - -
    菜单
    -
    #icon-menu
    -
    • - -
  • - -
    dictionary
    -
    #icon-dict-type
    -
    • - -
  • - -
    dictionary
    -
    #icon-dictionary
    -
    • - -
  • - -
    new-role
    -
    #icon-role
    -
    • - -
  • - -
    327全屏
    -
    #icon-fullscreen
    -
    • - -
  • - -
    328退出全屏
    -
    #icon-exit-fullscreen
    -
    • - -
  • - -
    表格
    -
    #icon-table
    -
    • - -
  • - -
    测试
    -
    #icon-test
    -
    • - -
  • - -
    中英文
    -
    #icon-lang
    -
    • - -
  • - -
    方案列表-默认
    -
    #icon-demo
    -
    • - -
  • - -
    文字大小
    -
    #icon-size
    -
    • - -
-
-

Symbol 引用

-
- -

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 - 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

-
    -
  • 支持多色图标了，不再受单色限制。
    • -
  • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
    • -
  • 兼容性较差，支持 IE9+，及现代浏览器。
    • -
  • 浏览器渲染 SVG 的性能一般，还不如 png。
    • -
-

使用步骤如下：

-

第一步：引入项目下面生成的 symbol 代码：

-
<script src="./iconfont.js"></script>
-
-

第二步：加入通用 CSS 代码（引入一次就行）：

-
<style>
-.icon {
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.15em;
-  fill: currentColor;
-  overflow: hidden;
-}
-</style>
-
-

第三步：挑选相应图标并获取类名，应用于页面：

-
<svg class="icon" aria-hidden="true">
-  <use xlink:href="#icon-xxx"></use>
-</svg>
-
-
-
- -
-
- - - diff --git a/sub-operation-service/src/assets/fonts/iconfont.css b/sub-operation-service/src/assets/fonts/iconfont.css deleted file mode 100644 index 2109d60..0000000 --- a/sub-operation-service/src/assets/fonts/iconfont.css +++ /dev/null @@ -1,195 +0,0 @@ -@font-face { - font-family: 'iconfont'; /* Project id 4425172 */ - src: - url('iconfont.woff2?t=1725879404188') format('woff2'), - url('iconfont.woff?t=1725879404188') format('woff'), - url('iconfont.ttf?t=1725879404188') format('truetype'); -} - -.iconfont { - font-family: 'iconfont' !important; - font-size: 16px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -.icon-data4:before { - content: '\e60c'; -} - -.icon-data5:before { - content: '\e6be'; -} - -.icon-recharge-record:before { - content: '\e614'; -} - -.icon-recharge-rule:before { - content: '\e628'; -} - -.icon-user-profile:before { - content: '\e783'; -} - -.icon-achieve:before { - content: '\e616'; -} - -.icon-activity-level:before { - content: '\e61a'; -} - -.icon-skins:before { - content: '\e790'; -} - -.icon-data1:before { - content: '\e996'; -} - -.icon-data2:before { - content: '\e661'; -} - -.icon-data3:before { - content: '\e632'; -} - -.icon-data:before { - content: '\e64e'; -} - -.icon-game:before { - content: '\e6d0'; -} - -.icon-banner:before { - content: '\e613'; -} - -.icon-verification:before { - content: '\e601'; -} - -.icon-balance:before { - content: '\e6b9'; -} - -.icon-refund:before { - content: '\e7af'; -} - -.icon-wechat:before { - content: '\e681'; -} - -.icon-alipay:before { - content: '\e61e'; -} - -.icon-user:before { - content: '\e67f'; -} - -.icon-coupon:before { - content: '\e65a'; -} - -.icon-level:before { - content: '\e7d8'; -} - -.icon-activity:before { - content: '\e67b'; -} - -.icon-shop:before { - content: '\e60a'; -} - -.icon-member:before { - content: '\e640'; -} - -.icon-recharge:before { - content: '\e799'; -} - -.icon-marketing:before { - content: '\e765'; -} - -.icon-goods-sku:before { - content: '\e6d7'; -} - -.icon-store:before { - content: '\e62b'; -} - -.icon-goods-store:before { - content: '\e6c6'; -} - -.icon-storer:before { - content: '\e64a'; -} - -.icon-order:before { - content: '\e737'; -} - -.icon-permission:before { - content: '\e612'; -} - -.icon-goods:before { - content: '\e889'; -} - -.icon-menu:before { - content: '\e60e'; -} - -.icon-dict-type:before { - content: '\e652'; -} - -.icon-dictionary:before { - content: '\e600'; -} - -.icon-role:before { - content: '\e604'; -} - -.icon-fullscreen:before { - content: '\e8fa'; -} - -.icon-exit-fullscreen:before { - content: '\e8fb'; -} - -.icon-table:before { - content: '\e615'; -} - -.icon-test:before { - content: '\e610'; -} - -.icon-lang:before { - content: '\e649'; -} - -.icon-demo:before { - content: '\e6ee'; -} - -.icon-size:before { - content: '\e660'; -} diff --git a/sub-operation-service/src/assets/fonts/iconfont.js b/sub-operation-service/src/assets/fonts/iconfont.js deleted file mode 100644 index af9a4d8..0000000 --- a/sub-operation-service/src/assets/fonts/iconfont.js +++ /dev/null @@ -1,65 +0,0 @@ -(window._iconfont_svg_string_4425172 = - ''), - ((h) => { - var c = (l = (l = document.getElementsByTagName('script'))[l.length - 1]).getAttribute('data-injectcss'), - l = l.getAttribute('data-disable-injectsvg'); - if (!l) { - var a, - t, - v, - o, - i, - z = function (c, l) { - l.parentNode.insertBefore(c, l); - }; - if (c && !h.__iconfont__svg__cssinject__) { - h.__iconfont__svg__cssinject__ = !0; - try { - document.write( - '' - ); - } catch (c) { - console && console.log(c); - } - } - (a = function () { - var c, - l = document.createElement('div'); - (l.innerHTML = h._iconfont_svg_string_4425172), - (l = l.getElementsByTagName('svg')[0]) && - (l.setAttribute('aria-hidden', 'true'), - (l.style.position = 'absolute'), - (l.style.width = 0), - (l.style.height = 0), - (l.style.overflow = 'hidden'), - (l = l), - (c = document.body).firstChild ? z(l, c.firstChild) : c.appendChild(l)); - }), - document.addEventListener - ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) - ? setTimeout(a, 0) - : ((t = function () { - document.removeEventListener('DOMContentLoaded', t, !1), a(); - }), - document.addEventListener('DOMContentLoaded', t, !1)) - : document.attachEvent && - ((v = a), - (o = h.document), - (i = !1), - s(), - (o.onreadystatechange = function () { - 'complete' == o.readyState && ((o.onreadystatechange = null), m()); - })); - } - function m() { - i || ((i = !0), v()); - } - function s() { - try { - o.documentElement.doScroll('left'); - } catch (c) { - return void setTimeout(s, 50); - } - m(); - } - })(window); diff --git a/sub-operation-service/src/assets/fonts/iconfont.json b/sub-operation-service/src/assets/fonts/iconfont.json deleted file mode 100644 index 93b8c53..0000000 --- a/sub-operation-service/src/assets/fonts/iconfont.json +++ /dev/null @@ -1,324 +0,0 @@ -{ - "id": "4425172", - "name": "sub-vue", - "font_family": "iconfont", - "css_prefix_text": "icon-", - "description": "react/vue项目后台管理平台", - "glyphs": [ - { - "icon_id": "1218184", - "name": "销售明细", - "font_class": "data4", - "unicode": "e60c", - "unicode_decimal": 58892 - }, - { - "icon_id": "2230090", - "name": "销售明细", - "font_class": "data5", - "unicode": "e6be", - "unicode_decimal": 59070 - }, - { - "icon_id": "6882983", - "name": "充值记录", - "font_class": "recharge-record", - "unicode": "e614", - "unicode_decimal": 58900 - }, - { - "icon_id": "34611004", - "name": "充值规则", - "font_class": "recharge-rule", - "unicode": "e628", - "unicode_decimal": 58920 - }, - { - "icon_id": "15562252", - "name": "用户画像", - "font_class": "user-profile", - "unicode": "e783", - "unicode_decimal": 59267 - }, - { - "icon_id": "18747445", - "name": "成就", - "font_class": "achieve", - "unicode": "e616", - "unicode_decimal": 58902 - }, - { - "icon_id": "33848542", - "name": "我的-段位", - "font_class": "activity-level", - "unicode": "e61a", - "unicode_decimal": 58906 - }, - { - "icon_id": "20406821", - "name": "皮肤", - "font_class": "skins", - "unicode": "e790", - "unicode_decimal": 59280 - }, - { - "icon_id": "2214847", - "name": "个人中心-积分商城", - "font_class": "data1", - "unicode": "e996", - "unicode_decimal": 59798 - }, - { - "icon_id": "14233304", - "name": "价值投资", - "font_class": "data2", - "unicode": "e661", - "unicode_decimal": 58977 - }, - { - "icon_id": "23059951", - "name": "费用统计", - "font_class": "data3", - "unicode": "e632", - "unicode_decimal": 58930 - }, - { - "icon_id": "2199049", - "name": "数据报表", - "font_class": "data", - "unicode": "e64e", - "unicode_decimal": 58958 - }, - { - "icon_id": "36257316", - "name": "游戏管理", - "font_class": "game", - "unicode": "e6d0", - "unicode_decimal": 59088 - }, - { - "icon_id": "11913396", - "name": "banner", - "font_class": "banner", - "unicode": "e613", - "unicode_decimal": 58899 - }, - { - "icon_id": "35264323", - "name": "核销码核销", - "font_class": "verification", - "unicode": "e601", - "unicode_decimal": 58881 - }, - { - "icon_id": "6514128", - "name": "结算管理", - "font_class": "balance", - "unicode": "e6b9", - "unicode_decimal": 59065 - }, - { - "icon_id": "12025983", - "name": "退货退款", - "font_class": "refund", - "unicode": "e7af", - "unicode_decimal": 59311 - }, - { - "icon_id": "1207908", - "name": "wechat", - "font_class": "wechat", - "unicode": "e681", - "unicode_decimal": 59009 - }, - { - "icon_id": "27188513", - "name": "alipay", - "font_class": "alipay", - "unicode": "e61e", - "unicode_decimal": 58910 - }, - { - "icon_id": "11111017", - "name": "会员", - "font_class": "user", - "unicode": "e67f", - "unicode_decimal": 59007 - }, - { - "icon_id": "630079", - "name": "我的优惠券", - "font_class": "coupon", - "unicode": "e65a", - "unicode_decimal": 58970 - }, - { - "icon_id": "2046370", - "name": "会员等级", - "font_class": "level", - "unicode": "e7d8", - "unicode_decimal": 59352 - }, - { - "icon_id": "2569868", - "name": "活动", - "font_class": "activity", - "unicode": "e67b", - "unicode_decimal": 59003 - }, - { - "icon_id": "2681698", - "name": "门店", - "font_class": "shop", - "unicode": "e60a", - "unicode_decimal": 58890 - }, - { - "icon_id": "2811147", - "name": "会员", - "font_class": "member", - "unicode": "e640", - "unicode_decimal": 58944 - }, - { - "icon_id": "4560182", - "name": "会员充值", - "font_class": "recharge", - "unicode": "e799", - "unicode_decimal": 59289 - }, - { - "icon_id": "5880283", - "name": "营销", - "font_class": "marketing", - "unicode": "e765", - "unicode_decimal": 59237 - }, - { - "icon_id": "6982618", - "name": "商品规格", - "font_class": "goods-sku", - "unicode": "e6d7", - "unicode_decimal": 59095 - }, - { - "icon_id": "7307041", - "name": "商家入驻", - "font_class": "store", - "unicode": "e62b", - "unicode_decimal": 58923 - }, - { - "icon_id": "11639867", - "name": "小店商品库", - "font_class": "goods-store", - "unicode": "e6c6", - "unicode_decimal": 59078 - }, - { - "icon_id": "13872198", - "name": "商家列表", - "font_class": "storer", - "unicode": "e64a", - "unicode_decimal": 58954 - }, - { - "icon_id": "577335", - "name": "订单", - "font_class": "order", - "unicode": "e737", - "unicode_decimal": 59191 - }, - { - "icon_id": "736503", - "name": "权限", - "font_class": "permission", - "unicode": "e612", - "unicode_decimal": 58898 - }, - { - "icon_id": "1727271", - "name": "06商品-线性", - "font_class": "goods", - "unicode": "e889", - "unicode_decimal": 59529 - }, - { - "icon_id": "7587933", - "name": "菜单", - "font_class": "menu", - "unicode": "e60e", - "unicode_decimal": 58894 - }, - { - "icon_id": "12758820", - "name": "dictionary", - "font_class": "dict-type", - "unicode": "e652", - "unicode_decimal": 58962 - }, - { - "icon_id": "13768112", - "name": "dictionary", - "font_class": "dictionary", - "unicode": "e600", - "unicode_decimal": 58880 - }, - { - "icon_id": "37734141", - "name": "new-role", - "font_class": "role", - "unicode": "e604", - "unicode_decimal": 58884 - }, - { - "icon_id": "1727563", - "name": "327全屏", - "font_class": "fullscreen", - "unicode": "e8fa", - "unicode_decimal": 59642 - }, - { - "icon_id": "1727566", - "name": "328退出全屏", - "font_class": "exit-fullscreen", - "unicode": "e8fb", - "unicode_decimal": 59643 - }, - { - "icon_id": "11641852", - "name": "表格", - "font_class": "table", - "unicode": "e615", - "unicode_decimal": 58901 - }, - { - "icon_id": "20104468", - "name": "测试", - "font_class": "test", - "unicode": "e610", - "unicode_decimal": 58896 - }, - { - "icon_id": "26686335", - "name": "中英文", - "font_class": "lang", - "unicode": "e649", - "unicode_decimal": 58953 - }, - { - "icon_id": "30012547", - "name": "方案列表-默认", - "font_class": "demo", - "unicode": "e6ee", - "unicode_decimal": 59118 - }, - { - "icon_id": "37702310", - "name": "文字大小", - "font_class": "size", - "unicode": "e660", - "unicode_decimal": 58976 - } - ] -} diff --git a/sub-operation-service/src/assets/fonts/iconfont.ttf b/sub-operation-service/src/assets/fonts/iconfont.ttf deleted file mode 100644 index cdae45d..0000000 Binary files a/sub-operation-service/src/assets/fonts/iconfont.ttf and /dev/null differ diff --git a/sub-operation-service/src/assets/fonts/iconfont.woff b/sub-operation-service/src/assets/fonts/iconfont.woff deleted file mode 100644 index 441c64b..0000000 Binary files a/sub-operation-service/src/assets/fonts/iconfont.woff and /dev/null differ diff --git a/sub-operation-service/src/assets/fonts/iconfont.woff2 b/sub-operation-service/src/assets/fonts/iconfont.woff2 deleted file mode 100644 index f10f094..0000000 Binary files a/sub-operation-service/src/assets/fonts/iconfont.woff2 and /dev/null differ diff --git a/sub-operation-service/src/layouts/component/Header/index.vue b/sub-operation-service/src/layouts/component/Header/index.vue index 261f659..a2f2e00 100644 --- a/sub-operation-service/src/layouts/component/Header/index.vue +++ b/sub-operation-service/src/layouts/component/Header/index.vue @@ -14,9 +14,13 @@
+ +
+ 购物车 + 商家中心 个人中心 - +
返回首页 @@ -112,6 +116,10 @@ const toHome = () => { const toUserCenter = () => { router.push('/sub-operation-service/userCenter'); }; + +const toCart = () => { + router.push('/sub-operation-service/userCenter-shoppingCart'); +};