From ea00b8e4f188c98b659f62d4c07eb0d6256d0942 Mon Sep 17 00:00:00 2001
From: shenhai <5213606@qq.com>
Date: Wed, 14 Nov 2018 15:35:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=BB=9A=E5=8A=A8=E5=85=AC?=
 =?UTF-8?q?=E5=91=8A=20data=20=E5=A3=B0=E6=98=8E=E5=8F=8A=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/hello-uniapp/common/uni.css          | 11 +++++-
 .../pages/template/scrollmsg/scrollmsg.vue    | 39 +++++++------------
 2 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/examples/hello-uniapp/common/uni.css b/examples/hello-uniapp/common/uni.css
index 000cb53b3..68970a36e 100644
--- a/examples/hello-uniapp/common/uni.css
+++ b/examples/hello-uniapp/common/uni.css
@@ -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:5rpx 0; display: flex; flex-grow:1; flex-direction: column;}
 .uni-comment-list{flex-wrap:nowrap; padding:10rpx 0; margin:10rpx 0; width:100%; display: flex;}
 .uni-comment-face{width:70upx; height:70upx; border-radius:100%; margin-right:20upx; flex-shrink:0; overflow:hidden;}
@@ -886,4 +886,11 @@ radio-group label, checkbox-group label{
 .uni-comment-date{line-height:38upx; flex-direction:row; justify-content:space-between; display:flex !important; flex-grow:1;}
 .uni-comment-date view{color:#666666; font-size:24upx; line-height:38upx;}
 .uni-comment-content{line-height:1.6em; font-size:28upx; padding:8rpx 0;}
-.uni-comment-replay-btn{background:#FFF; font-size:24upx; line-height:28upx; padding:5rpx 20upx; border-radius:30upx; color:#333 !important; margin:0 10upx;}
\ No newline at end of file
+.uni-comment-replay-btn{background:#FFF; font-size:24upx; line-height:28upx; padding:5rpx 20upx; border-radius:30upx; color:#333 !important; margin:0 10upx;}
+
+/* swiper msg */
+.uni-swiper-msg{width:100%; padding:12rpx 0; flex-wrap:nowrap; display:flex;}
+.uni-swiper-msg-icon{width:50upx; margin-right:20upx;}
+.uni-swiper-msg-icon image{width:100%; flex-shrink:0;}
+.uni-swiper-msg swiper{width:100%; height:50upx;}
+.uni-swiper-msg swiper-item{line-height:50upx;}
\ No newline at end of file
diff --git a/examples/hello-uniapp/pages/template/scrollmsg/scrollmsg.vue b/examples/hello-uniapp/pages/template/scrollmsg/scrollmsg.vue
index 42367bd5a..9ad5e10f6 100755
--- a/examples/hello-uniapp/pages/template/scrollmsg/scrollmsg.vue
+++ b/examples/hello-uniapp/pages/template/scrollmsg/scrollmsg.vue
@@ -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:12rpx 0; flex-wrap:nowrap; display:flex;}
-.uni-swiper-msg-icon{width:50upx; margin-right:20upx;}
-.uni-swiper-msg-icon image{width:100%; flex-shrink:0;}
-.uni-swiper-msg swiper{width:100%; height:50upx;}
-.uni-swiper-msg swiper-item{line-height:50upx;}
+
 </style>
-- 
GitLab