This commit is contained in:
parent
426f741003
commit
7751d98324
|
@ -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
|
@ -183,7 +183,7 @@ export default {
|
|||
info: [
|
||||
{
|
||||
title: '标题',
|
||||
value: '促销单品',
|
||||
value: '特惠专区',
|
||||
tips: '选填,不超过4个字',
|
||||
max: 4
|
||||
},
|
||||
|
|
|
@ -230,7 +230,7 @@ export default {
|
|||
info: [
|
||||
{
|
||||
title: '标题',
|
||||
value: '促销单品',
|
||||
value: '特惠专区',
|
||||
tips: '选填,不超过4个字',
|
||||
max: 4
|
||||
},
|
||||
|
|
|
@ -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({
|
||||
|
|
|
@ -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"></span>
|
||||
<div class="name">促销单品</div>
|
||||
<div class="name">特惠专区</div>
|
||||
<div class="code-name">&#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"
|
||||
><span class="iconfont">&#x33;</span>
|
||||
</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"><link rel="stylesheet" href="./iconfont.css">
|
||||
<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
|
||||
</code></pre>
|
||||
<h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
|
||||
<pre><code class="language-html"><span class="iconfont icon-xxx"></span>
|
||||
<pre><code class="language-html"><span class="iconfont icon-xxx"></span>
|
||||
</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"><script src="./iconfont.js"></script>
|
||||
<pre><code class="language-html"><script src="./iconfont.js"></script>
|
||||
</code></pre>
|
||||
<h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
|
||||
<pre><code class="language-html"><style>
|
||||
<pre><code class="language-html"><style>
|
||||
.icon {
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
|
@ -13910,7 +13916,7 @@
|
|||
</style>
|
||||
</code></pre>
|
||||
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
|
||||
<pre><code class="language-html"><svg class="icon" aria-hidden="true">
|
||||
<pre><code class="language-html"><svg class="icon" aria-hidden="true">
|
||||
<use xlink:href="#icon-xxx"></use>
|
||||
</svg>
|
||||
</code></pre>
|
||||
|
@ -13939,4 +13945,5 @@
|
|||
})
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -755,7 +755,7 @@
|
|||
},
|
||||
{
|
||||
"icon_id": "25889479",
|
||||
"name": "促销单品",
|
||||
"name": "特惠专区",
|
||||
"font_class": "cuxiaodanpin",
|
||||
"unicode": "e7b7",
|
||||
"unicode_decimal": 59319
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue