fe / yohobuy-node · Commits

Go to a project

Authored by OF1706
Commit 985605ed724ecf317a3ee7bafc6d9677adc84687 1 parent 7d9e99de

code mod

Inline Side-by-side
Showing 8 changed files with 67 additions and 62 deletions
... ... @@ -41,12 +41,6 @@
<div class="share-row">
<span class="title pull-left">分享：</span> {{> common/share }}
<div class="qrcode-buy" skn="{{skn}}">
<i class="qrcode-icon"></i>扫一扫购买
<div class="qrcode-box">
<div id="qrcode-img" class="qrcode-img" data-url='http://union.yoho.cn/union/app-downloads.html?openby:yohobuy={"action":"go.productDetail","params":{"product_skn":"{{skn}}"}}'></div>
</div>
</div>
</div>
</div>
<div id="thumbs" class="pull-right thumbs">
... ... @@ -175,6 +169,13 @@
<i class="iconfont">&#xe641;</i> {{#if isCollect}} <em>已收藏</em> {{^}} <em>收藏商品</em> {{/if}}
</span>
<span id="code-buy" class="code-buy" skn="{{skn}}">
<i class="iconfont">&#xe703;</i>
<em>扫一扫购买</em>
<div class="code-box">
<div id="qrcode-img" class="code-img" data-url='http://union.yoho.cn/union/app-downloads.html?openby:yohobuy={"action":"go.productDetail","params":{"product_skn":"{{skn}}"}}'></div>
</div>
</span>
</div>
... ...
No preview for this file type
... ... @@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Mon Mar 6 13:49:44 2017
Created by FontForge 20120731 at Tue Mar 28 13:56:01 2017
By admin
</metadata>
<defs>
... ... @@ -19,7 +19,7 @@ Created by FontForge 20120731 at Mon Mar 6 13:49:44 2017
bbox="-6 -212 2176 996"
underline-thickness="0"
underline-position="0"
unicode-range="U+0078-E701"
unicode-range="U+0078-E703"
/>
<missing-glyph
/>
... ... @@ -346,5 +346,12 @@ d="M512 384zM32 384q0 -130 64.5 -240.5t175 -175t240.5 -64.5t240.5 64.5t175 175t6
<glyph glyph-name="weibiaoti-7" unicode="&#xe6f9;"
d="M1017 -106l-278 278q55 58 85.5 133t30.5 158q0 115 -57 212.5t-154.5 154.5t-212 57t-212 -57t-154 -154.5t-56.5 -212.5t56.5 -212.5t154 -154t212.5 -56.5q83 0 158 30.5t133 85.5l279 -279zM432 62q-109 0 -201 54t-146 146t-54 201t54 201.5t146 146t201 53.5
t201.5 -53.5t146 -146t53.5 -201.5t-53.5 -201t-146 -146t-201.5 -54z" />
<glyph glyph-name="F" unicode="&#xe702;"
d="M1000 391q0 98 -38.5 187t-103 153.5t-154.5 102.5t-189 38t-190 -38t-156.5 -102.5t-105 -154t-39.5 -186.5q0 -2 -0.5 -5.5t-0.5 -4.5v-246q0 -24 23.5 -37.5t55.5 -13.5h63q29 0 46.5 12.5t17.5 38.5v242q0 27 -18.5 50.5t-45.5 23.5h-74q-3 0 -7 -2.5t-5 -2.5
q13 107 74 194.5t157 137.5t207 50q112 0 208.5 -50.5t157.5 -138.5t73 -195q-20 7 -23 7h-74q-23 0 -45 -21t-22 -44v-251q0 -24 23.5 -37.5t55.5 -13.5h62q29 0 47 12.5t18 38.5v242q0 1 1.5 6.5t0.5 7.5zM91 405h74q9 0 13.5 -10t4.5 -18v-242q0 -6 -18 -6h-63
q-33 0 -33 6v251q0 3 8.5 11t13.5 8v0zM952 135q0 -6 -19 -6h-62q-33 0 -33 6v251q0 3 8.5 11t12.5 8h74q10 0 14.5 -10.5t4.5 -17.5v-242z" />
<glyph glyph-name="qr_icon" unicode="&#xe703;"
d="M0 448h448v448h-448v-448zM128 768h192v-192h-192v192zM576 896v-448h448v448h-448zM896 576h-192v192h192v-192zM0 -128h448v448h-448v-448zM128 192h192v-192h-192v192zM576 320v-128h128v128h-128zM960 320h-128v-128h128v128zM832 192h-128v-128h128v128zM960 64h64
v128h-64v-128zM576 64v-128h128v128h-128zM832 -64h128v128h-128v-128zM704 -128h128v64h-128v-64zM1024 -128v64h-64v-64h64z" />
</font>
</defs></svg>
... ...
No preview for this file type
No preview for this file type

2.43 KB | W: | H:

1.96 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -146,4 +146,9 @@ $qrcodeImg.qrcode({
$('.qrcode-hover-box').mouseenter(function() {
_hmt.push(['_trackEvent', '二维码', '普通店铺', 'shopId', $(this).attr('data-id')]);
});
$('#code-buy').mouseenter(function() {
_hmt.push(['_trackEvent', '二维码', '商品', '', '']);
});
require('./good-slide');
... ...
... ... @@ -753,6 +753,7 @@
.buy-ticket {
display: inline-block;
margin-right: 10px;
margin-bottom: 15px;
height: 46px;
line-height: 46px;
width: 180px;
... ... @@ -800,13 +801,14 @@
}
.collect-product,
.keep-shopping {
.keep-shopping,
.code-buy {
display: inline-block;
width: 120px;
height: 44px;
text-align: center;
line-height: 44px;
margin-bottom: 15px;
background: #fff;
color: #222;
border: 1px solid #ccc;
... ... @@ -823,69 +825,59 @@
}
}
.share-row {
margin-top: 20px;
height: 16px;
.collect-product {
margin-right: 10px;
}
.title {
line-height: 16px !important;
}
.code-buy {
position: relative;
.qrcode-buy {
color: #cf031a;
font-size: 14px;
float: right;
position: relative;
height: 35px;
width: 96px;
&:hover {
.qrcode-box {
display: block;
}
&:hover {
.code-box {
display: block;
}
}
.qrcode-icon {
background: url("/product/qrcode.png") no-repeat;
.code-box {
border: 1px solid #b0b0b0;
width: 150px;
height: 150px;
background: #f8f8f8;
position: absolute;
top: 62px;
left: -14px;
box-sizing: border-box;
display: none;
z-index: 9;
&:before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
height: 8px;
background: url("/product/arrow-top.png") no-repeat;
display: block;
position: relative;
left: 67px;
top: -8px;
}
.qrcode-box {
border: 1px solid #b0b0b0;
width: 150px;
height: 150px;
background: #f8f8f8;
position: absolute;
top: 30px;
left: -56px;
display: none;
box-sizing: border-box;
z-index: 9;
&:before {
content: "";
width: 16px;
height: 8px;
background: url("/product/arrow-top.png") no-repeat;
display: block;
position: relative;
left: 67px;
top: -8px;
}
.qrcode-img {
width: 130px;
height: 130px;
margin: 2px auto;
}
.code-img {
width: 130px;
height: 130px;
margin: 2px auto;
}
}
}
.share-row {
margin-top: 20px;
height: 16px;
.title {
line-height: 16px !important;
}
}
.balance {
display: none;
... ...