找回密码
 立即注册

扫一扫,访问微社区

查看: 11337|回复: 6

微信小程序学习用demo:仿猫眼电影;使用猫眼api,下拉加载

  [复制链接]
发表于 2017-2-20 13:14:05 | 显示全部楼层 |阅读模式
介绍

学习下微信小程序,一个练手项目。

api是使用的http://www.jianshu.com/p/9855610eb1d4


使用

首先需要注册个微信小程序的账号啦,这个就不说了。

进入微信小程序,在设置 =》 开发设置 =》 服务器域名 =》 request合法域名中 添加 https://m.maoyan.com 这个地址,保存。

下载个微信web开发者工具,https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html?t=201715

剩下的也不说了,大家都会,不会的Google。创个新项目,把这个项目放进去就好啦。

由于api 的局限,很多需要资料都没有,目前只做了个首页的最近电影和电影详情。

有兴趣的同学可以往下做下去。

预览图片:



代码示例:







[mw_shl_code=html,true]<!-- detail.wxml -->
<view class='detail'>
        <view style='width:100%;height:200px;background-image: url("{{detail.img}}");background-repeat: no-repeat;background-size: 400%;position:absolute;z-index:-1;opacity:1;filter: blur(21px);'>
        </view>
        <view class="top">
                <view class='clearfix'>
                        <view class='left pull-left'>
                                <image src='{{detail.img}}' />      
                        </view>
                        <view class='right pull-left'>
                                <view>
                                        <title style='color:#fff;font-size:16px;'>{{detail.nm}}</title>
                                </view>
                                <view>
                                        <text style='colorrange;font-size:12px;'>{{detail.sc}}</text>
                                </view>
                                <view>
                                        <text>{{detail.cat}}
                                                <text class="threeD" wx:if='{{detail["3d"]}}'>3D</text>
                                                <text class='imax' wx:if='{{detail.imax}}'>IMAX</text>
                                        </text>
                                </view>
                                <view>
                                        <text>{{detail.src}}/ {{detail.dur}}分钟</text>
                                </view>
                                <view>
                                        <text>{{detail.rt}}</text>
                                </view>
                        </view>
                </view>
                <view class="btns">
                        <button>想看</button>
                        <button>评分</button>
                </view>
        </view>
        <view class="info">
                <view class='text'>
                        <text style='{{hideText ? "-webkit-line-clamp: 2" : ""}}'>{{detail.dra}}</text>
                </view>
                <view class='controlText {{hideClass}}' bindtap='toggleText'>
                        <text></text>
                </view>
        </view>
        <view class="comment">
                <view style='padding:5px 20px;font-size:14px;border-bottom:1px solid #ccc;border-top:1px solid #ccc'>
                        <text>观众评论</text>
                </view>
                <view class='item' wx:for='{{comment}}' wx:key='{{index}}'>
                        <view class='img'>
                                <image src='{{item.avatarurl}}' />
                        </view>
                        <view class='main'>
                                <view class='nickname'>{{item.nickName}}</view>
                                <view class='content'>{{item.content}}</view>
                        </view>
                </view>
        </view>
        <view class='preferential-purchase'>
                <text>优惠购买</text>
        </view>
</view>[/mw_shl_code]




游客,如果您要查看本帖隐藏内容请回复

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

0

主题

2

回帖

24

金钱

新人求带

积分
0
发表于 2017-6-3 21:52:23 | 显示全部楼层
333333333333333333333333333333333333333333333

0

主题

3

回帖

12

金钱

新人求带

积分
0
发表于 2018-2-6 11:49:14 | 显示全部楼层
好好好000000000000000000000

0

主题

222

回帖

509

金钱

新人求带

积分
0
发表于 2020-4-11 16:56:07 | 显示全部楼层
专注于与个人游戏开发者合作,有产品的朋友联系微信号jim20180688,详聊

0

主题

18

回帖

16

金钱

新人求带

积分
0
发表于 2020-7-1 09:15:19 | 显示全部楼层
哇哇哇哇哇哇哇

0

主题

101

回帖

248

金钱

新人求带

积分
0
发表于 2020-7-1 16:17:47 | 显示全部楼层
我有流量,如果你有产品,那么我们就可以合作,有意的个人开发者朋友可以联系微信号jim20180688,详聊

0

主题

16

回帖

18

金钱

新人求带

积分
0
发表于 2020-7-9 15:20:35 | 显示全部楼层
谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢谢
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|小黑屋|微信小程序开发|教程|文档|资源汇总_即速论坛 ( 粤ICP备14097199号-1  

GMT+8, 2024-11-23 18:32 , Processed in 0.127366 second(s), 31 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表