bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

微信小程序之電影影評(píng)小程序制作代碼

本文實(shí)例為大家分享了微信小程序制作影評(píng)小程序的具體代碼，供大家參考，具體內(nèi)容如下

成都創(chuàng)新互聯(lián)始終致力于在企業(yè)網(wǎng)站建設(shè)領(lǐng)域發(fā)展。秉承“創(chuàng)新、求實(shí)、誠(chéng)信、拼搏”的企業(yè)精神，致力為企業(yè)提供全面的網(wǎng)絡(luò)宣傳與技術(shù)應(yīng)用整體策劃方案，為企業(yè)提供包括“網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、微信網(wǎng)站建設(shè)、小程序設(shè)計(jì)、成都做商城網(wǎng)站、平臺(tái)網(wǎng)站建設(shè)秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

這是博主的項(xiàng)目包含的文件截圖：

微信小程序之電影影評(píng)小程序制作代碼

首先如圖建立文件夾和page頁(yè)面

然后app.json頁(yè)面更新代碼如下：

{
 "pages": [
 "pages/hotPage/hotPage",
 "pages/comingSoon/comingSoon",
 "pages/search/search",
 "pages/more/more"
 ],
 "window": {
 "backgroundTextStyle": "light",
 "navigationBarBackgroundColor": "#fff",
 "navigationBarTitleText": "WeChat",
 "navigationBarTextStyle": "black"
 },
 "tabBar": {
 "list": [{
 "pagePath": "pages/hotPage/hotPage",
 "text": "本地?zé)嵊?
 },{
 "pagePath": "pages/comingSoon/comingSoon",
 "text": "即將上映"
 },{
 "pagePath": "pages/search/search",
 "text": "影片搜索"
 }]
 }
}

是app.wxss頁(yè)面（為后面的頁(yè)面樣式寫的）：

/**app.wxss**/
.container {
 height: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: space-between;
 padding: 200rpx 0;
 box-sizing: border-box;
} 
/* hotPage.wxss */
.movies{
 display:flex;
}
.myimage{
 flex: 1;
}
.moveInfo{
 flex: 2;
}
.yanyuanlist{
 display:flex;
}
.left{
 flex:1;
}
.right{
 flex:2;
}

頁(yè)面顯示如圖：

微信小程序之電影影評(píng)小程序制作代碼

然后是hotPage.wxml頁(yè)面：

<view class="movies" wx:for="{{movies}}" id="{{item.id}}" bindtap="jumpTomore">

 <view class="myimage">
 <image src="{{item.images.medium}}"></image>
 </view>
 <view class="moveInfo">
 <view class="title">
 名稱:{{item.title}}
 </view>
 <view class="daoyan">
 導(dǎo)演:{{item.directors["0"].name}}
 </view>
 <view class="yanyuanlist">
 <view class="left">演員:</view>
 <view class="right">
 <block wx:for="{{item.casts}}">{{item.name}} </block>
 </view>
 </view>
 <view class="fenlei">
 分類:{{item.genres}}
 </view>
 <view class="year">
 上映時(shí)間:{{item.year}}
 </view>
 </view>

</view>

然后是hotPage.js頁(yè)面：

var that;
var page = 0;
// more.js
Page({

 /**
 * 頁(yè)面的初始數(shù)據(jù)
 */
 data: {
 movies: []
 },

 /**
 * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
 */
 onLoad: function (options) {
 that = this;
 that.linkNet(0);
 },
 jumpTomore: function (e) {
 console.log(e.currentTarget.id);
 wx.navigateTo({
 url: '/pages/more/more?id=' + e.currentTarget.id,
 })
 },
 linkNet: function (page) {
 wx.request({
 header: {
 "Content-Type": "json"
 },
 url: 'https://api.douban.com/v2/movie/in_theaters',
 data: {
 start: 10 * page,
 count: 10,
 city: '成都'
 },
 success: function (e) {
 console.log(e);
 if (e.data.subjects.length == 0) {
 wx.showToast({
 title: '沒(méi)有更多數(shù)據(jù)',
 })
 } else {
 that.setData({
 movies: that.data.movies.concat(e.data.subjects)
 })
 }
 }
 })
 },
 onReachBottom: function () {
 that.linkNet(++page);
 }
})

運(yùn)行程序結(jié)果如圖：

微信小程序之電影影評(píng)小程序制作代碼

然后是hotPage.wxss:

image{
 width:350rpx;
 height:280rpx;
}

接著是第二個(gè)頁(yè)面的布局和第一個(gè)頁(yè)面一樣，所以直接把第一個(gè)頁(yè)面hotPage.wxml代碼copy過(guò)來(lái)就好了；
同樣comingSoon.js代碼和hotPage.js代碼也差不多，唯一需要改動(dòng)的地方只有一個(gè)：

微信小程序之電影影評(píng)小程序制作代碼

url和data改一下就好了

.wxss代碼一致;

運(yùn)行結(jié)果如下：

微信小程序之電影影評(píng)小程序制作代碼

接著是第三個(gè)頁(yè)面的代碼：

search.wxml頁(yè)面代碼：

<input placeholder="輸入關(guān)鍵字" bindinput="myInput" />
<button bindtap="mySearch">搜索</button>

<view class="movies" wx:for="{{movies}}" id="{{item.id}}" bindtap="jumpTomore">

 <view class="myimage">
 <image src="{{item.images.medium}}"></image>
 </view>
 <view class="moveInfo">
 <view class="title">
 名稱:{{item.title}}
 </view>
 <view class="daoyan">
 導(dǎo)演:{{item.directors["0"].name}}
 </view>
 <view class="yanyuanlist">
 <view class="left">演員:</view>
 <view class="right">
 <block wx:for="{{item.casts}}">{{item.name}} </block>
 </view>
 </view>
 <view class="fenlei">
 分類:{{item.genres}}
 </view>
 <view class="year">
 上映時(shí)間:{{item.year}}
 </view>
 </view>

</view>

頁(yè)面代碼：

var input;
var that;
// search.js
Page({

 /**
 * 頁(yè)面的初始數(shù)據(jù)
 */
 data: {
 movies: []
 },

 /**
 * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
 */
 onLoad: function (options) {
 that = this;
 },
 myInput: function (e) {
 input = e.detail.value;
 },
 mySearch: function () {
 wx.request({
 header: {
 "Content-Type": "json"
 },
 url: 'https://api.douban.com/v2/movie/search?q=' + input,
 success: function (e) {
 that.setData({
 movies: e.data.subjects
 })
 }
 })
 }


})

.wxss代碼同hotPage.wxss代碼一致；

運(yùn)行代碼結(jié)果如下：

微信小程序之電影影評(píng)小程序制作代碼

最后是詳情頁(yè)面，點(diǎn)擊影片后會(huì)跳轉(zhuǎn)到詳情頁(yè)面獲得影片的詳細(xì)信息：

more.wxml頁(yè)面代碼：

<!--more.wxml-->
<image src="{{imageUrl}}"></image>
<view class="moveInfo">
 <view class="title">名字:{{title}}</view>
 <view class="director">導(dǎo)演:{{director}}</view>
 <view class="castleft">主演:</view>
 <view class="casts" wx:for="{{casts}}">
 <block class="castright">{{item.name}}</block>
 </view>
 <view class="year">年份:{{year}}</view>
 <view class="rate">評(píng)分:{{rate}}</view>
 <view class="summary">介紹:{{summary}}</view>
</view>

more.js代碼：

var that;
// more.js
Page({

 /**
 * 頁(yè)面的初始數(shù)據(jù)
 */
 data: {
 title: 0,
 imageUrl: 0,
 director: 0,
 casts: [],
 year: 0,
 rate: 0,
 summary: 0
 },

 /**
 * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
 */
 onLoad: function (options) {
 that = this;
 wx.request({
 header: {
 "Content-Type": "json"
 },
 url: 'https://api.douban.com/v2/movie/subject/' + options.id,
 success: function (e) {
 console.log(e)
 that.setData({
 title: e.data.original_title,
 imageUrl: e.data.images.large,
 director: e.data.directors["0"].name,
 casts: e.data.casts,
 year: e.data.year,
 rate: e.data.rating.average,
 summary: e.data.summary
 })
 }
 })
 }

})

運(yùn)行代碼結(jié)果如下：

微信小程序之電影影評(píng)小程序制作代碼

好了、全部代碼如上都給出了..加油

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)頁(yè)題目：微信小程序之電影影評(píng)小程序制作代碼
網(wǎng)站URL：http://vcdvsql.cn/article14/pehdde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、全網(wǎng)營(yíng)銷推廣、靜態(tài)網(wǎng)站、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)