Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DiDi
cube-ui
提交
117c6749
C
cube-ui
项目概览
DiDi
/
cube-ui
大约 1 年 前同步成功
通知
34
Star
9078
Fork
1508
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
C
cube-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
117c6749
编写于
12月 04, 2020
作者:
Q
QiuShuiBai
提交者:
GitHub
12月 04, 2020
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
docs(example): replace some images (#744)
上级
f58fd5bb
变更
3
展开全部
隐藏空白更改
内联
并排
Showing
3 changed file
with
178 addition
and
358 deletion
+178
-358
example/data/tab-bar.js
example/data/tab-bar.js
+145
-322
example/pages/slide/vertical.vue
example/pages/slide/vertical.vue
+11
-7
example/pages/tab-bar/scroll-tab.vue
example/pages/tab-bar/scroll-tab.vue
+22
-29
未找到文件。
example/data/tab-bar.js
浏览文件 @
117c6749
此差异已折叠。
点击以展开。
example/pages/slide/vertical.vue
浏览文件 @
117c6749
...
@@ -17,27 +17,27 @@
...
@@ -17,27 +17,27 @@
<
script
type=
"text/ecmascript-6"
>
<
script
type=
"text/ecmascript-6"
>
import
CubePage
from
'
../../components/cube-page.vue
'
import
CubePage
from
'
../../components/cube-page.vue
'
export
default
{
export
default
{
data
()
{
data
()
{
return
{
return
{
items
:
[
items
:
[
{
{
url
:
'
http://www.didichuxing.com/
'
,
url
:
'
http://www.didichuxing.com/
'
,
image
:
'
https://
ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3978382133,2176310874&fm=27&gp=0
.jpg
'
image
:
'
https://
dpubstatic.udache.com/static/dpubimg/C9lKs8y0E6/IMG_4014
.jpg
'
},
{
},
{
url
:
'
http://www.didichuxing.com/
'
,
url
:
'
http://www.didichuxing.com/
'
,
image
:
'
https://
ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3780304411,1076045325&fm=15&gp=0
.jpg
'
image
:
'
https://
dpubstatic.udache.com/static/dpubimg/hD6agmm2ov/IMG_4012
.jpg
'
},
},
{
{
url
:
'
http://www.didichuxing.com/
'
,
url
:
'
http://www.didichuxing.com/
'
,
image
:
'
https://
ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=56274798,4163877688&fm=27&gp=0
.jpg
'
image
:
'
https://
dpubstatic.udache.com/static/dpubimg/twV-VvZOA9/IMG_4011
.jpg
'
},
{
},
{
url
:
'
http://www.didichuxing.com/
'
,
url
:
'
http://www.didichuxing.com/
'
,
image
:
'
https://
ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3124201171,3290669243&fm=15&gp=
0.jpg
'
image
:
'
https://
dpubstatic.udache.com/static/dpubimg/eR_MahwRUT/IMG_401
0.jpg
'
},
},
{
{
url
:
'
http://www.didichuxing.com/
'
,
url
:
'
http://www.didichuxing.com/
'
,
image
:
'
https://
ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1309802367,1770965841&fm=27&gp=0
.jpg
'
image
:
'
https://
dpubstatic.udache.com/static/dpubimg/R3tKHhdZuK/IMG_4009
.jpg
'
}
}
],
],
loop
:
true
loop
:
true
...
@@ -55,8 +55,9 @@
...
@@ -55,8 +55,9 @@
</
script
>
</
script
>
<
style
lang=
"stylus"
rel=
"stylesheet/stylus"
>
<
style
lang=
"stylus"
rel=
"stylesheet/stylus"
>
.slide-view
.slide-container-v
.slide-container-v
height:
380
px
height:
265
px
margin-bottom: 15px
margin-bottom: 15px
transform: translateZ(0px)
transform: translateZ(0px)
border-radius: 2px
border-radius: 2px
...
@@ -69,4 +70,7 @@
...
@@ -69,4 +70,7 @@
background: none
background: none
&.active
&.active
color: #fc9153
color: #fc9153
.cube-slide-item > a > img
width: 100%
height: auto
</
style
>
</
style
>
example/pages/tab-bar/scroll-tab.vue
浏览文件 @
117c6749
...
@@ -26,19 +26,12 @@
...
@@ -26,19 +26,12 @@
const
DATA_MAP
=
{
const
DATA_MAP
=
{
'
全部
'
:
DATAS
.
ALL_HEROES
,
'
全部
'
:
DATAS
.
ALL_HEROES
,
'
近战
'
:
DATAS
.
MELEE_HEROES
,
'
法师
'
:
DATAS
.
MAGE_HEROES
,
'
远程
'
:
DATAS
.
REMOTE_HEROES
,
'
战士
'
:
DATAS
.
FIGHTER_HEROES
,
'
辅助
'
:
DATAS
.
SUPPORT_HEROES
,
'
法师
'
:
DATAS
.
MAGIC_HEROES
,
'
打野
'
:
DATAS
.
JUNGLE_HEROES
,
'
坦克
'
:
DATAS
.
TANK_HEROES
,
'
坦克
'
:
DATAS
.
TANK_HEROES
,
'
隐身
'
:
DATAS
.
INVISIBLE_HEROES
,
'
刺客
'
:
DATAS
.
ASSASSIN_HEROES
,
'
后期
'
:
DATAS
.
CARRY_HEROES
,
'
辅助
'
:
DATAS
.
SUPPORT_HEROES
,
'
闪烁
'
:
DATAS
.
BLINK_HEROES
,
'
射手
'
:
DATAS
.
MARKSMAN_HEROES
'
爆发
'
:
DATAS
.
HIGH_DAMAGE_HEROES
,
'
召唤
'
:
DATAS
.
INVOKE_HEROES
,
'
眩晕
'
:
DATAS
.
DIZZY_HEROES
,
'
治疗
'
:
DATAS
.
HEALER_HEROES
}
}
const
genTabLabels
=
Object
.
keys
(
DATA_MAP
).
map
(
label
=>
({
const
genTabLabels
=
Object
.
keys
(
DATA_MAP
).
map
(
label
=>
({
label
label
...
@@ -75,22 +68,22 @@
...
@@ -75,22 +68,22 @@
}
}
}
}
</
script
>
</
script
>
<
style
lang=
"stylus"
rel=
"stylesheet/stylus"
scoped
>
<
style
lang=
"stylus"
rel=
"stylesheet/stylus"
>
.cube-scroll-list-wrapper
.scroll-tab-view
.cube-tab-bar
.cube-tab-bar
flex-wrap: wrap
flex-wrap: wrap
.cube-tab
.cube-tab
width: 100%
width: 100%
flex-basis: unset
flex-basis: unset
height: 40px
height: 40px
line-height: 40px
line-height: 40px
font-size: 14px
font-size: 14px
color: #db8931
color: #db8931
transition: all .3s ease-in
transition: all .3s ease-in
&.cube-tab_active
&.cube-tab_active
color: #fff
color: #fff
font-size: 16px
font-size: 16px
background-color: #a74b00
background-color: #a74b00
.left-panel
.left-panel
position: absolute
position: absolute
...
@@ -108,7 +101,7 @@
...
@@ -108,7 +101,7 @@
bottom: 0
bottom: 0
background-color: #171819
background-color: #171819
li
li
height:
80
px
height:
102
px
display: flex
display: flex
align-items: center
align-items: center
background-color: #171819
background-color: #171819
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录