用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

2017-3-22 00:40:50 天下雪原创达人 造轮子 人生巅峰 楼主 524258
这个demo为线上小程序的源码;搜索“天津旅游局”即可看到线上小程序:

主要功能有:典型的资讯类小程序
tab分栏
轮播图上下滚动
点击加载更多
1.jpg 2.jpg 3.jpg 4.jpg 5.jpg
项目地址及下载:
https://github.com/cuifengchi/wx-tianjin
wx-tianjin-master.zip (173.57 KB, 下载次数: 230)
有问题请在本站内搜索相应关键词,假如无法解决请在综合交流区内发帖咨询,发帖时请提供详细的问题描述、相关图片及代码。
第一次看到非常完整的轮播图片和滚动效果,无论是新手还是老手都可以过来瞧一瞧,看一看,走过路过不要错过
这是顶部的图片轮播模块,使用的是滑块视图容器(横向滑动)
[AppleScript] 纯文本查看 复制代码
<swiper class="bannerSwiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
      <swiper-item wx:for="{{bannerList}}">
        <image src="{{item.picture}}" class="slide-image" width="355" height="150" />
      </swiper-item>
    </swiper>

这是中间使用的图片加文字轮播模块,使用的是滑块视图容器(上下滑动)
[AppleScript] 纯文本查看 复制代码
<swiper class="headLineSwiper" vertical="{{vertical}}" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
      <swiper-item wx:for="{{headLineList}}" class="box box-lr box-pack-around box-align-center" bindtap="jumpHeadLineList">
        <image class="hotdoorImg" src="../../img/hotdoor.png"></image>
        <view>
          {{item.title}}
        </view>
      </swiper-item>
    </swiper>

同时在品味百科、慢游记等功能里面还有加载更多的功能,写的不错,个人建议可以写成上拉加载更多

评分

参与人数 1浮云 +20 收起 理由
天下雪 + 20 赞一个!

查看全部评分

有事,或者问问题可以加群437729329(①群满了加②群 536592077) 找天下雪
111
感谢分享
感谢分享
2017-3-26 14:25:54 bike 攻城狮
5#
学习许诶下
资讯demo:天津旅游:点击加载更多,轮播图上下滚动 [修改
感谢
感谢,进来学习
下载看看呢
感谢分享,赞
不错,学习学习。。。。。。。。。。。
ddddfdfd
2017-3-31 11:25:48 wqpppo 攻城狮
13#
天津旅游:点击加载更多,轮播图上下滚动
太原电动车锂电池定制13327468833
2017-3-31 11:36:29 HSvng 攻城狮
14#
不错
不错
1234下一页
发新帖
您需要登录后才可以回帖 登录 | 立即注册