首页添加公告栏

@@ -22,7 +22,13 @@ Page({
         banner: [{image: '../../images/banner.png'}, {image: '../../images/b1@2x (1).png'}, {image: '../../images/b1@2x (2).png'}, {image: '../../images/banner.png'}],
         currentBannerIndex:0,
         tabcurrent: {tab: 0,bubble: ''},
-        noticeList:[{url:'',name:'奥拉维尔·埃利亚松北京首展 https://github.com/wux-weapp/wux-weapp'}],
+        noticeList:[{url:'',name:'https://github.com/wux-weapp/wux-weapp'},
+            {url:'',name:'北京首展11奥拉维尔·埃利亚松北京首展北京首展11奥拉维尔·埃利亚松北京首展'},
+            {url:'',name:'https://github.com/wux-weapp/wux-weapphttps://github.com/wux-weapp/wux-weapp'},
+            {url:'',name:'奥拉维尔'},
+            {url:'',name:'奥拉维尔https://github.com/wux-weapp/wux-weapp'},
+            {url:'',name:'奥拉维尔·埃利亚松北京首展https://github.com/wux-weapp/wux-weapp'},
+        ],
 
         motto: 'Hello World',
         userInfo: {},

@@ -38,11 +38,23 @@
     <view class="area-box">
         <image src="../../images/haowai@2x.png"></image>
         <!--<text>奥拉维尔·埃利亚松北京首展</text>-->
-        <view wx:for="{{noticeList}}" wx:key="index">
-            <wux-notice-bar mode="link"  icon="" action="" content="{{item.name}}" bind:click="onClick">
+        <!--<view wx:for="{{noticeList}}" wx:key="index">-->
+            <!--<wux-notice-bar mode="link"  icon="" action="" content="{{item.name}}" bind:click="onClick">-->
                 <!--<text slot="footer" style="color: #a1a1a1; margin-left: 10px;">去看看</text>-->
-            </wux-notice-bar>
+            <!--</wux-notice-bar>-->
+        <!--</view>-->
+        <swiper class="tab-right" style='' vertical="true" autoplay="true" circular="true" interval="3000" display-multiple-items='1'>
+            <view class="right-item">
+                <block wx:for-index="idx" wx:for='{{noticeList}}' wx:key="index" >
+                    <swiper-item>
+                        <view class='content-item' bindtap="onClick">
+                            <text>{{item.name}}</text>
                         </view>
+                    </swiper-item>
+                </block>
+
+            </view>
+        </swiper>
     </view>
 
     <view class="tandian-box">

@@ -395,3 +395,81 @@ swiper {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }
+
+
+
+/* 底部滚动列表  */
+.contentBottom {
+    padding: 20rpx 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    background: #ffffff;
+}
+.BottomFirst {
+    width: 90%;
+    display: flex;
+    justify-content: space-around;
+    border: 1px solid #663a83;
+    box-sizing: border-box;
+    margin: 0 auto;
+}
+.BottomFirst text {
+    width: 100%;
+    text-align: center;
+    font-size: 30rpx;
+    color: #663a83;
+    line-height: 60rpx;
+    border-right: 1px solid #663a83;
+    box-sizing: border-box;
+}
+.BottomFirst text:nth-child(1){
+    border: none;
+}
+.tab-right {
+    width: 90%;
+    /* margin: 20rpx auto; */
+    height: 70rpx;
+}
+.right-item {
+    padding: 0 20rpx;
+    background: #ffffff;
+    height: 100%;
+    width: 100%;
+    box-sizing: border-box;
+}
+.content-item {
+    height: 70rpx;
+    line-height: 70rpx;
+    /* border-bottom: 1px solid #ede1d4; */
+    width: 95%;
+}
+.content-item text{
+    overflow : hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+}
+.avater {
+    height: 50rpx;
+    width: 50rpx;
+    border-radius: 100rpx;
+    margin-top: 25rpx;
+    float: left;
+}
+.name {
+    font-size: 26rpx;
+    float: left;
+    line-height: 100rpx;
+    color: #b0aaa9;
+    margin-left: 20rpx;
+    width: 40%;
+    height:100%;
+    overflow: hidden;
+}
+.wawa {
+    font-size: 26rpx;
+    float: right;
+    line-height: 100rpx;
+    color: #999;
+}