用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    慵懒
    2017-1-6 10:46
  • 签到天数: 2 天

    [LV.1]初来乍到

    173

    主题

    181

    帖子

    981

    金钱

    咫尺尊享

    Rank: 5Rank: 5

    积分
    0
    2017-2-20 13:14:05 柿霖不是林 咫尺尊享 楼主 22824
    介绍

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

    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 的局限,很多需要资料都没有,目前只做了个首页的最近电影和电影详情。

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

    预览图片:



    代码示例:







    [HTML] 纯文本查看 复制代码
    <!-- 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='color:orange;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>





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

    本帖子中包含更多资源

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

    x
    使用道具 举报 回复
    333333333333333333333333333333333333333333333
    好好好000000000000000000000
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略