Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
uni-app
提交
ea00b8e4
U
uni-app
项目概览
DCloud
/
uni-app
2 个月 前同步成功
通知
716
Star
38705
Fork
3642
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
7
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-app
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
7
Issue
7
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
ea00b8e4
编写于
11月 14, 2018
作者:
蓝色的小猫咪
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改滚动公告 data 声明及消息数据
上级
039d5985
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
24 addition
and
26 deletion
+24
-26
examples/hello-uniapp/common/uni.css
examples/hello-uniapp/common/uni.css
+9
-2
examples/hello-uniapp/pages/template/scrollmsg/scrollmsg.vue
examples/hello-uniapp/pages/template/scrollmsg/scrollmsg.vue
+15
-24
未找到文件。
examples/hello-uniapp/common/uni.css
浏览文件 @
ea00b8e4
...
...
@@ -874,7 +874,7 @@ radio-group label, checkbox-group label{
.uni-steps
.current
.step-content
{
border-color
:
#00B26A
;}
.uni-steps
.current
.step-title
{
color
:
#00B26A
;}
/*
uni-
comment */
/* comment */
.uni-comment
{
padding
:
5
rpx
0
;
display
:
flex
;
flex-grow
:
1
;
flex-direction
:
column
;}
.uni-comment-list
{
flex-wrap
:
nowrap
;
padding
:
10
rpx
0
;
margin
:
10
rpx
0
;
width
:
100%
;
display
:
flex
;}
.uni-comment-face
{
width
:
70
upx
;
height
:
70
upx
;
border-radius
:
100%
;
margin-right
:
20
upx
;
flex-shrink
:
0
;
overflow
:
hidden
;}
...
...
@@ -886,4 +886,11 @@ radio-group label, checkbox-group label{
.uni-comment-date
{
line-height
:
38
upx
;
flex-direction
:
row
;
justify-content
:
space-between
;
display
:
flex
!important
;
flex-grow
:
1
;}
.uni-comment-date
view
{
color
:
#666666
;
font-size
:
24
upx
;
line-height
:
38
upx
;}
.uni-comment-content
{
line-height
:
1.6em
;
font-size
:
28
upx
;
padding
:
8
rpx
0
;}
.uni-comment-replay-btn
{
background
:
#FFF
;
font-size
:
24
upx
;
line-height
:
28
upx
;
padding
:
5
rpx
20
upx
;
border-radius
:
30
upx
;
color
:
#333
!important
;
margin
:
0
10
upx
;}
\ No newline at end of file
.uni-comment-replay-btn
{
background
:
#FFF
;
font-size
:
24
upx
;
line-height
:
28
upx
;
padding
:
5
rpx
20
upx
;
border-radius
:
30
upx
;
color
:
#333
!important
;
margin
:
0
10
upx
;}
/* swiper msg */
.uni-swiper-msg
{
width
:
100%
;
padding
:
12
rpx
0
;
flex-wrap
:
nowrap
;
display
:
flex
;}
.uni-swiper-msg-icon
{
width
:
50
upx
;
margin-right
:
20
upx
;}
.uni-swiper-msg-icon
image
{
width
:
100%
;
flex-shrink
:
0
;}
.uni-swiper-msg
swiper
{
width
:
100%
;
height
:
50
upx
;}
.uni-swiper-msg
swiper-item
{
line-height
:
50
upx
;}
\ No newline at end of file
examples/hello-uniapp/pages/template/scrollmsg/scrollmsg.vue
浏览文件 @
ea00b8e4
...
...
@@ -10,14 +10,8 @@
<image
src=
"https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"
mode=
"widthFix"
></image>
</view>
<swiper
vertical=
"true"
autoplay=
"true"
circular=
"true"
interval=
"3000"
>
<swiper-item>
<navigator>
内容......
</navigator>
</swiper-item>
<swiper-item>
<navigator>
内容......
</navigator>
</swiper-item>
<swiper-item>
<navigator>
内容......
</navigator>
<swiper-item
v-for=
"(item, index) in msg"
:key=
"index"
>
<navigator>
{{
item
}}
</navigator>
</swiper-item>
</swiper>
</view>
...
...
@@ -30,14 +24,8 @@
<image
src=
"https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"
mode=
"widthFix"
></image>
</view>
<swiper
autoplay=
"true"
circular=
"true"
interval=
"5000"
>
<swiper-item>
<navigator>
内容......
</navigator>
</swiper-item>
<swiper-item>
<navigator>
内容......
</navigator>
</swiper-item>
<swiper-item>
<navigator>
内容......
</navigator>
<swiper-item
v-for=
"(item, index) in msg"
:key=
"index"
>
<navigator>
{{
item
}}
</navigator>
</swiper-item>
</swiper>
</view>
...
...
@@ -45,16 +33,19 @@
</view>
</
template
>
<
script
>
export
default
{
data
:{
title
:
"
滚动公告
"
export
default
{
data
()
{
return
{
title
:
"
滚动公告
"
,
msg
:
[
'
uni-app行业峰会频频亮相,开发者反响热烈
'
,
'
DCloud完成B2轮融资,uni-app震撼发布
'
,
'
36氪热文榜推荐、CSDN公号推荐 DCloud CEO文章
'
]
}
}
}
</
script
>
<
style
>
.uni-swiper-msg
{
width
:
100%
;
padding
:
12
rpx
0
;
flex-wrap
:
nowrap
;
display
:
flex
;}
.uni-swiper-msg-icon
{
width
:
50
upx
;
margin-right
:
20
upx
;}
.uni-swiper-msg-icon
image
{
width
:
100%
;
flex-shrink
:
0
;}
.uni-swiper-msg
swiper
{
width
:
100%
;
height
:
50
upx
;}
.uni-swiper-msg
swiper-item
{
line-height
:
50
upx
;}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录