Toggle navigation
Toggle navigation
This project
Loading...
Sign in
fe
/
yoho-blk
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
1
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
yyq
9 years ago
Commit
32fdf816cc13a639dfa2ca91f60e36b9f8030262
1 parent
214dda6b
验收问题
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
46 additions
and
8 deletions
apps/product/models/item-handler.js
apps/product/views/action/item.hbs
apps/product/views/partial/item/size-table.hbs
doraemon/views/partial/nav-menu.hbs
public/img/product/doubt.png
public/img/sprite.product.png
public/js/product/item.page.js
public/scss/product/_item.css
apps/product/models/item-handler.js
View file @
32fdf81
...
...
@@ -671,7 +671,8 @@ const setSizeData = (sizeInfo) => {
gender
;
let
size
=
{
titleEn
:
'SIZEINFO'
,
titleCn
:
'尺码信息'
titleCn
:
'尺码信息'
,
sizeImage
:
sizeInfo
.
sizeImage
};
sizeInfo
.
sizeInfoBo
=
_sizeInfoBoSort
(
sizeInfo
.
sizeInfoBo
);
...
...
@@ -710,6 +711,7 @@ const setSizeData = (sizeInfo) => {
sizeTable
.
thead
.
push
({
name
:
value
.
attributeName
||
' '
,
id
:
value
.
id
,
doubt
:
true
,
width
:
126
});
});
...
...
apps/product/views/action/item.hbs
View file @
32fdf81
...
...
@@ -256,7 +256,7 @@
<span
class=
"cn"
>
{{
titleCn
}}
</span>
</label>
</div>
<div
class=
"size-info"
>
<div
class=
"size-info"
data-img=
"
{{
sizeImage
}}
"
>
{{#
param
}}
{{>
item
/
size-table
}}
{{/
param
}}
...
...
@@ -265,6 +265,8 @@
※ 以上尺寸为实物人工测量,因测量方式不同会有1-2CM误差,相关数据仅作参考,以收到实物为准。 单位:CM
<br>
※ 参考尺码因衣服版型、剪裁不同会有误差,仅供参考
</p>
{{!-- 解决首次弹出示意图弹窗因图片高度获取不到定位异常问题 --}}
<img
src=
"
{{
sizeImage
}}
"
style=
"display: none;"
>
{{#
taste
}}
{{>
item
/
size-table
}}
...
...
apps/product/views/partial/item/size-table.hbs
View file @
32fdf81
...
...
@@ -2,7 +2,12 @@
<thead>
<tr>
{{#
thead
}}
<th
width=
"
{{
width
}}
"
>
{{
name
}}
</th>
<th
width=
"
{{
width
}}
"
>
{{
name
}}
{{#if
doubt
}}
<span
class=
"show-img"
></span>
{{/if}}
</th>
{{/
thead
}}
</tr>
</thead>
...
...
doraemon/views/partial/nav-menu.hbs
View file @
32fdf81
...
...
@@ -6,8 +6,7 @@
{{#
navbars
}}
<li
class=
"nav-item
{{#if
cur
}}
cur
{{/if}}
"
>
<a
href=
"
{{
link
}}
"
{{#if
isNewPage
}}
target=
"_blank"
{{/if}}
>
<span
class=
"nav-en"
>
{{
en
}}
</span>
<span
class=
"nav-cn"
>
{{
cn
}}
</span>
{{
en
}}{{
cn
}}
</a>
</li>
{{/
navbars
}}
...
...
@@ -23,8 +22,7 @@
{{#
subNav
}}
<li
{{#if
thirdNav
}}
class=
"contain-third"
{{/if}}
>
<a
href=
"
{{
link
}}
"
>
<span
class=
"nav-en"
>
{{
en
}}
</span>
<span
class=
"nav-cn"
>
{{
cn
}}
</span>
{{
en
}}{{
cn
}}
</a>
{{#if
thirdNav
}}
<div
class=
"third-nav-wrapper"
>
...
...
public/img/product/doubt.png
0 → 100644
View file @
32fdf81
263 Bytes
public/img/sprite.product.png
View file @
32fdf81
241 Bytes
|
W:
|
H:
499 Bytes
|
W:
|
H:
2-up
Swipe
Onion skin
public/js/product/item.page.js
View file @
32fdf81
...
...
@@ -26,6 +26,8 @@ var $tradeWrapper = $('.trade-wrapper'),
var
$addToBag
=
$
(
'#add-to-bag'
),
$soldOut
=
$
(
'#sold-out'
);
var
$sizeInfo
=
$
(
'.size-info'
);
var
$thumbCur
=
$
(
'.thumb-wrap .cur'
);
// 当前选中展示图片
var
SLIDETIME
=
200
;
...
...
@@ -304,3 +306,13 @@ $('#collect-product').click(function() {
}
});
});
$sizeInfo
.
on
(
'click'
,
'.show-img'
,
function
()
{
var
img
=
$sizeInfo
.
data
(
'img'
);
new
Dialog
({
className
:
'item-doubt-dialog'
,
content
:
'<img src="'
+
img
+
'">'
,
btns
:
[]
}).
show
();
});
...
...
public/scss/product/_item.css
View file @
32fdf81
...
...
@@ -244,7 +244,7 @@
.go-bag
{
color
:
#fff
;
background
:
#
e92601
;
background
:
#
1b1b1b
;
}
}
}
...
...
@@ -406,6 +406,16 @@
left
:
20px
;
}
.show-img
{
width
:
14px
;
height
:
14px
;
display
:
inline-block
;
position
:
relative
;
top
:
2px
;
background
:
url('/product/doubt.png')
no-repeat
;
cursor
:
pointer
;
}
.model-name
{
margin-left
:
20px
;
}
...
...
@@ -420,6 +430,7 @@
border
:
1px
solid
#f3f3f3
;
padding
:
40px
130px
;
margin-top
:
80px
;
overflow
:
hidden
;
.block-title
{
height
:
0
;
...
...
@@ -491,3 +502,11 @@
margin-right
:
4px
;
}
}
.item-doubt-dialog
{
background
:
#fff
;
.content
{
width
:
600px
;
}
}
...
...
Please
register
or
login
to post a comment