Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
momo的小宝贝
vue2-elm
提交
e89c339b
V
vue2-elm
项目概览
momo的小宝贝
/
vue2-elm
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue2-elm
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
e89c339b
编写于
11月 06, 2018
作者:
M
maguohua1
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix bug of icon_name
上级
8330271f
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
11 addition
and
8 deletion
+11
-8
src/page/shop/shop.vue
src/page/shop/shop.vue
+11
-8
未找到文件。
src/page/shop/shop.vue
浏览文件 @
e89c339b
...
...
@@ -104,8 +104,8 @@
<h3
class=
"food_description_head"
>
<strong
class=
"description_foodname"
>
{{
foods
.
name
}}
</strong>
<ul
v-if=
"foods.attributes.length"
class=
"attributes_ul"
>
<li
v-
for=
"(attribute, foodindex) in foods.attributes"
:key=
"foodindex"
:style=
"
{color: '#' + attribute.icon_color,borderColor:'#' +
attribute.icon_color}" :class="{attribute_new: attribute.icon_name == '新'}">
<p
:style=
"
{color: attribute.icon_name == '新'? '#fff' : '#' + attribute.icon_color}">
{{
attribute
.
icon_name
==
'
新
'
?
'
新品
'
:
attribute
.
icon_name
}}
</p>
<li
v-
if=
"attribute"
v-for=
"(attribute, foodindex) in foods.attributes"
:key=
"foodindex"
:style=
"
{color: '#' + attribute.icon_color,borderColor:'#' +
attribute.icon_color}" :class="{attribute_new: attribute.icon_name == '新'}">
<p
:style=
"
{color: attribute.icon_name == '新'? '#fff' : '#' + attribute.icon_color}">
{{
attribute
.
icon_name
==
'
新
'
?
'
新品
'
:
attribute
.
icon_name
}}
</p>
</li>
</ul>
...
...
@@ -448,11 +448,13 @@
//获取食品列表的高度,存入shopListTop
getFoodListHeight
(){
const
listContainer
=
this
.
$refs
.
menuFoodList
;
const
listArr
=
Array
.
from
(
listContainer
.
children
[
0
].
children
);
listArr
.
forEach
((
item
,
index
)
=>
{
this
.
shopListTop
[
index
]
=
item
.
offsetTop
;
});
this
.
listenScroll
(
listContainer
)
if
(
listContainer
)
{
const
listArr
=
Array
.
from
(
listContainer
.
children
[
0
].
children
);
listArr
.
forEach
((
item
,
index
)
=>
{
this
.
shopListTop
[
index
]
=
item
.
offsetTop
;
});
this
.
listenScroll
(
listContainer
)
}
},
//当滑动食品列表时,监听其scrollTop值来设置对应的食品列表标题的样式
listenScroll
(
element
){
...
...
@@ -471,7 +473,7 @@
const
wrapMenuHeight
=
this
.
$refs
.
wrapperMenu
.
clientHeight
;
this
.
foodScroll
.
on
(
'
scroll
'
,
(
pos
)
=>
{
if
(
!
this
.
$refs
.
wrapperMenu
)
{
return
return
}
this
.
shopListTop
.
forEach
((
item
,
index
)
=>
{
if
(
this
.
menuIndexChange
&&
Math
.
abs
(
Math
.
round
(
pos
.
y
))
>=
item
)
{
...
...
@@ -1053,6 +1055,7 @@
@include
sc
(
.4rem
,
#fff
);
text-align
:
center
;
flex
:
1
;
transform
:
scale
(
0
.8
)
translate
(
0
.1rem
,
-.1rem
);
}
}
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录