微信小程序模板电影 第1篇
/* 导入写好的评分的样式 */
@import “…/stars/”;
.movie-container {
display:flex ;
flex-direction: column;
padding: 0 22rpx;
.movie-img {
width: 200rpx;
height: 270rpx;
padding-bottom: 20rpx;
.movie-title{
margin-bottom: 16rpx;
font-size: 24rpx;
微信小程序模板电影 第2篇
// 获取全局的app
var app = getApp();
Page({
// RESTFUL API json
// SOAP XML 用的相当少
/**
data: {
/**
onLoad: function(event) {
// 正在热映
var inTheatersUrl = + “/v2/movie/in_theaters” + “?start=0&count=3”;
// 即将上映
var comingSoonUrl = + “/v2/movie/coming_soon” + “?start=0&count=3”;
// 前250
var top250Url = + “/v2/movie/top250” + “?start=0&count=3”;
(inTheatersUrl);
(inTheatersUrl);
(inTheatersUrl);
getMovieListData: function(url) {
url: url,
method: ‘GET’,
header: {
‘content-type’: ‘application/xml’ // 豆瓣一定不能是json
success: function(res) {
(res)
fail: function(error) {
(error)
处理接收过来的方法
微信小程序模板电影 第3篇
@import “…/movie/”;
.movie-list-container{
background-color: #fff;
display: flex;
flex-direction: column;
.inner-container{
margin: 0 auto 20rpx;
.movie-head{
padding: 30rpx 20rpx 22rpx;
/* display: flex;
flex-direction: row;
justify-content: space-between; */
.slogan{
font-size: 24rpx;
.more{
float: right;
.more-text{
vertical-align: middle;
margin-right: 10rpx;
color: #1f4ba5;
.more-img{
width: 9rpx;
height: 16rpx;
vertical-align: middle;
.movies-container{
display: flex;
flex-direction: row;
微信小程序模板电影 第4篇
// 获取全局的app
var app = getApp();
Page({
// RESTFUL API json
// SOAP XML 用的相当少
/**
data: {
/**
onLoad: function(event) {
// 正在热映
var inTheatersUrl = + “/v2/movie/in_theaters”;
// 即将上映
var comingSoonUrl = + “/v2/movie/coming_soon”;
// 前250
var top250Url = + “/v2/movie/top250”;
(inTheatersUrl);
(inTheatersUrl);
(inTheatersUrl);
getMovieListData:function(url){
url: url,
method: ‘GET’,
header: {
‘content-type’: ‘application/xml’ // 豆瓣一定不能是json
success: function (res) {
(res)
fail: function (error) {
(error)
微信小程序模板电影 第5篇
文件
前端面试题汇总
JavaScript
性能
linux
前端资料汇总