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