This commit is contained in:
faiz 2024-05-24 09:38:07 +08:00
parent 426f741003
commit 7751d98324
8 changed files with 9037 additions and 9027 deletions

View File

@ -1,6 +1,9 @@
/*基础UI构建 /*基础UI构建
*/ */
/* common layer */ /* common layer */
.edui-default {
z-index: 9999 !important;
}
.edui-default .edui-box { .edui-default .edui-box {
border: none; border: none;
padding: 0; padding: 0;
@ -1169,7 +1172,7 @@ div.edui-box {
} }
/* 弹出对话框按钮和对话框大小 */ /* 弹出对话框按钮和对话框大小 */
.edui-default .edui-dialog { .edui-default .edui-dialog {
z-index: 2000; z-index: 99999;
position: absolute; position: absolute;
} }

File diff suppressed because one or more lines are too long

View File

@ -183,7 +183,7 @@ export default {
info: [ info: [
{ {
title: '标题', title: '标题',
value: '促销单品', value: '特惠专区',
tips: '选填不超过4个字', tips: '选填不超过4个字',
max: 4 max: 4
}, },

View File

@ -230,7 +230,7 @@ export default {
info: [ info: [
{ {
title: '标题', title: '标题',
value: '促销单品', value: '特惠专区',
tips: '选填不超过4个字', tips: '选填不超过4个字',
max: 4 max: 4
}, },

View File

@ -68,7 +68,7 @@ export default {
// dialog // dialog
title: '上传图片', title: '上传图片',
// dialog // dialog
cssRules: 'width:1000px;height:620px;padding:20px;' cssRules: 'width:1000px;height:620px;padding:20px;z-index:9999;'
}) })
this.dialog = dialog this.dialog = dialog
var btn = new window.UE.ui.Button({ var btn = new window.UE.ui.Button({

View File

@ -1,10 +1,13 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8" />
<title>iconfont Demo</title> <title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/> <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/> type="image/x-icon" />
<link rel="icon" type="image/svg+xml"
href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" />
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css"> <link rel="stylesheet" href="iconfont.css">
@ -34,10 +37,12 @@
} }
</style> </style>
</head> </head>
<body> <body>
<div class="main"> <div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg"> <img width="200"
src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1> </a></h1>
<div class="nav-tabs"> <div class="nav-tabs">
@ -47,7 +52,8 @@
<li class="dib"><span>Symbol</span></li> <li class="dib"><span>Symbol</span></li>
</ul> </ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=993865" target="_blank" class="nav-more">查看项目</a> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=993865" target="_blank"
class="nav-more">查看项目</a>
</div> </div>
<div class="tab-container"> <div class="tab-container">
@ -698,7 +704,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont">&#xe7b7;</span> <span class="icon iconfont">&#xe7b7;</span>
<div class="name">促销单品</div> <div class="name">特惠专区</div>
<div class="code-name">&amp;#xe7b7;</div> <div class="code-name">&amp;#xe7b7;</div>
</li> </li>
@ -3657,7 +3663,7 @@
</blockquote> </blockquote>
<p>Unicode 使用步骤如下:</p> <p>Unicode 使用步骤如下:</p>
<h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3> <h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css" <pre><code class="language-css"
>@font-face { >@font-face {
font-family: 'iconfont'; font-family: 'iconfont';
src: url('iconfont.woff2?t=1665560959543') format('woff2'), src: url('iconfont.woff2?t=1665560959543') format('woff2'),
@ -3666,7 +3672,7 @@
} }
</code></pre> </code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3> <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
<pre><code class="language-css" <pre><code class="language-css"
>.iconfont { >.iconfont {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-size: 16px; font-size: 16px;
@ -3676,7 +3682,7 @@
} }
</code></pre> </code></pre>
<h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3> <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
<pre> <pre>
<code class="language-html" <code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt; >&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre> </code></pre>
@ -4654,7 +4660,7 @@
<li class="dib"> <li class="dib">
<span class="icon iconfont icon-cuxiaodanpin"></span> <span class="icon iconfont icon-cuxiaodanpin"></span>
<div class="name"> <div class="name">
促销单品 特惠专区
</div> </div>
<div class="code-name">.icon-cuxiaodanpin <div class="code-name">.icon-cuxiaodanpin
</div> </div>
@ -9083,10 +9089,10 @@
</ul> </ul>
<p>使用步骤如下:</p> <p>使用步骤如下:</p>
<h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3> <h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt; <pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre> </code></pre>
<h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3> <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt; <pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre> </code></pre>
<blockquote> <blockquote>
<p>" <p>"
@ -9957,7 +9963,7 @@
<svg class="icon svg-icon" aria-hidden="true"> <svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cuxiaodanpin"></use> <use xlink:href="#icon-cuxiaodanpin"></use>
</svg> </svg>
<div class="name">促销单品</div> <div class="name">特惠专区</div>
<div class="code-name">#icon-cuxiaodanpin</div> <div class="code-name">#icon-cuxiaodanpin</div>
</li> </li>
@ -13896,10 +13902,10 @@
</ul> </ul>
<p>使用步骤如下:</p> <p>使用步骤如下:</p>
<h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3> <h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt; <pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre> </code></pre>
<h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3> <h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
<pre><code class="language-html">&lt;style&gt; <pre><code class="language-html">&lt;style&gt;
.icon { .icon {
width: 1em; width: 1em;
height: 1em; height: 1em;
@ -13910,7 +13916,7 @@
&lt;/style&gt; &lt;/style&gt;
</code></pre> </code></pre>
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3> <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt; <pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt; &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt; &lt;/svg&gt;
</code></pre> </code></pre>
@ -13939,4 +13945,5 @@
}) })
</script> </script>
</body> </body>
</html> </html>

View File

@ -755,7 +755,7 @@
}, },
{ {
"icon_id": "25889479", "icon_id": "25889479",
"name": "促销单品", "name": "特惠专区",
"font_class": "cuxiaodanpin", "font_class": "cuxiaodanpin",
"unicode": "e7b7", "unicode": "e7b7",
"unicode_decimal": 59319 "unicode_decimal": 59319

View File

@ -254,7 +254,7 @@
<li v-else class="item"> <li v-else class="item">
<div class="item-title">平台推荐</div> <div class="item-title">平台推荐</div>
<div v-if="productData.is_benefit||productData.is_new||productData.is_best||productData.is_hot" class="value"> <div v-if="productData.is_benefit||productData.is_new||productData.is_best||productData.is_hot" class="value">
<span class="value-item" v-if="productData.is_benefit">促销单品</span> <span class="value-item" v-if="productData.is_benefit">特惠专区</span>
<span class="value-item" v-if="productData.is_new">首发新品</span> <span class="value-item" v-if="productData.is_new">首发新品</span>
<span class="value-item" v-if="productData.is_best">精品推荐</span> <span class="value-item" v-if="productData.is_best">精品推荐</span>
<span class="value-item" v-if="productData.is_hot">热门榜单</span> <span class="value-item" v-if="productData.is_hot">热门榜单</span>