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构建
*/
/* common layer */
.edui-default {
z-index: 9999 !important;
}
.edui-default .edui-box {
border: none;
padding: 0;
@ -1169,7 +1172,7 @@ div.edui-box {
}
/* 弹出对话框按钮和对话框大小 */
.edui-default .edui-dialog {
z-index: 2000;
z-index: 99999;
position: absolute;
}

File diff suppressed because one or more lines are too long

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -254,7 +254,7 @@
<li v-else class="item">
<div class="item-title">平台推荐</div>
<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_best">精品推荐</span>
<span class="value-item" v-if="productData.is_hot">热门榜单</span>