微信小程序学习用demo：仿猫眼电影；使用猫眼api，下拉加载-白红宇

强烈建议你试试无所不能的chatGPT，快点击我

微信小程序学习用demo：仿猫眼电影；使用猫眼api，下拉加载

阅读量：4085 次

发布时间：2019-05-25

本文共 2530 字，大约阅读时间需要 8 分钟。

介绍

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

api是使用的

使用

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

进入微信小程序，在设置 =》开发设置 =》服务器域名 =》 request合法域名中添加这个地址，保存。

下载个微信web开发者工具，

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

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

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

预览图片：

代码示例：

[AppleScript]

纯文本查看

复制代码

                                     
<
!
-- detail.wxml -->
<
view
 class
=
'detail'
>
        
<
view
 style
=
'width
:
100
%;height
:
200
px;background
-
image
:
 url
(
"{ 
{detail.img}}"
)
;background
-
repeat
:
 no
-
repeat
;background
-
size
:
 400
%;
position
:
absolute;z
-
index
:
-1
;opacity
:
1
;filter
:
 blur
(
21
px
)
;'
>
        
<
/
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
:
12
px;'
>
{ 
{ 
detail.sc
}
}
<
/
text
>
                                
<
/
view
>
                                
<
view
>
                                        
<
text
>
{ 
{ 
detail.cat
}
}
                                                
<
text
 class
=
"threeD"
 wx
:
if
=
'
{ 
{ 
detail[
"3d"
]
}
}
'
>
3
D
<
/
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
:
5
px 
20
px;
font
-
size
:
14
px;border
-
bottom
:
1
px 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
>
            
          

项目地址及下载：

本帖隐藏的内容

地址：

下载：

(819.65 KB, 下载次数: 19)

转载地址：http://gihni.baihongyu.com/

你可能感兴趣的文章

Encoding Schemes

带WiringPi库的交叉笔译如何处理二之软链接概念

Java8 HashMap集合解析

自定义 select 下拉框多选插件

Linux常用统计命令之wc

fastcgi_param 详解

搞定Java面试中的数据结构问题

React Native（一）：搭建开发环境、出Hello World

Winform多线程

Spring AOP + Redis + 注解实现redis 分布式锁

poj 1976 A Mini Locomotive （dp 二维01背包)

大数据入门：Zookeeper结构体系

大数据入门：Spark RDD基础概念

大数据入门：Scala函数式编程

C++报错：C4700：使用了非初始化的局部变量

C++类、结构体、函数、变量等命名规则详解

C++ goto语句详解

【数据结构周周练】008 二叉树的链式创建及测试

《软件体系结构》第九章软件体系结构评估

《软件过程管理》第六章软件过程的项目管理

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

当前时间: 2024-09-20 10:49:09 当前IP: 3.149.214.245 联系邮箱:javaeecc@qq.com Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2

强烈建议你试试无所不能的CHAT-GPT，快点击我

强烈建议你试试无所不能的CHAT-GPT，快点击我