1. TS+Promise 包裹
  2. // export const useFile = async (originalUrl: string): Promise<PreviewState> => {
  3. //   const state: PreviewState = reactive({
  4. //     fileUrl: '',
  5. //     contentType: '',
  6. //     originalUrl: originalUrl,
  7. //     loading: false,
  8. //   });
  10. //   if (originalUrl) {
  11. //     state.loading = true;
  12. //     const response = await previewFile(originalUrl);
  13. //     const contentType = response.headers['content-type'];
  14. //     const blob = new Blob([response.data], { type: contentType });
  15. //     const url = window.URL.createObjectURL(blob);
  16. //     state.contentType = contentType;
  17. //     state.fileUrl = url;
  18. //     state.loading = false;
  19. //   }
  20. //   return Promise.resolve(state);
  21. // };

1 小程序中页面跳转

封装

  1. http请求
  2. var basesUrl ='http://47.108.197.28:4000';
  3. function http(url){
  4.     return new Promise((resolve,reject)=>{
  5.         wx.request({
  6.             url:basesUrl+url,
  7.             method:"GET",
  8.             dataType:"json",
  9.             responseType:"text",
  10.             success:(res)=>{
  11.               resolve(res)
  12.             },
  13.             error:(err)=>{
  14.               reject(err)
  15.             }
  16.           })
  17.     })
  18. } 
  19. 处理评分
  20. function handleStar(num){
  21.   var arr =[];
  22.   for(var i =0;i<5;i++){
  23.       if(num>=2){
  24.           arr.push(2)
  25.       }else if(num>0){
  26.           arr.push(Number(num.toFixed(1)))
  27.       }else{
  28.           arr.push(0)
  29.       }
  30.       num -= 2;
  31.   }
  32.   return arr
  33. }
  35. 处理字符长度
  36. function handleStr(str){
  37.   if(str.length>6){
  38.     str = str.slice(0,6)+"..."
  39. }
  40. return str;
  41. }
  43. 封装接口
  44. function getReadHttp(){
  45.     return http('/api/movie/top250')
  46. }
  47. function getReadDetail(id){
  48.     return http(`/api/movieDetail?id=${id}`)
  49. }
  50. module.exports = {
  51.     http,
  52.     handleStar,
  53.     handleStr,
  54.     getReadHttp,
  55.     getReadDetail
  56. }

跳转页

  1. #wxss
  3. <view>
  4.     <image mode="widthFix" src="/images/music/b02.jpg"></image>
  5. </view>
  6. <view class="container">
  7.     <view class="item" 
  8.     bindtap="onClick"
  9.     data-aid="{{item._id}}"
  10.     wx:for="{{read}}"
  11.     wx:key="id"
  12.     >
  13.         <image src="{{item.pic}}"></image>
  14.         <view>{{item.title}}</view>
  15.         <view class="star">
  16.         <block wx:for="{{item.star}}" wx:key="id">
  17.             <image wx:if="{{item>=1.5}}" src="/images/star.png"></image>
  18.             <image wx:elif="{{item>=0.5}}" src="/images/ban-star.png"></image>
  19.             <image wx:else src="/images/none-star.png"></image>
  20.         </block>
  21.         {{item.rating}}
  22.         </view>
  23.     </view>
  24. </view>
  1. #js
  3. const {handleStr,handleStar,getReadHttp} = require("../../utils/index")
  4. Page({
  5.     data:{
  6.         read:[]
  7.     },
  8.     onLoad(){
  9.         getReadHttp().then(res=>{
  10.             this.handleReadData(res)
  11.         })
  13.     },
  14.     handleReadData(res){
  15.         var read= []
  16.                 res.data.res.forEach(item=>{
  17.                     var {_id,pic,title,rating} =item;
  18.                     read.push({
  19.                         _id,
  20.                         pic,
  21.                         title:handleStr(title),
  22.                         rating,
  23.                         star:handleStar(rating)
  24.                     })
  25.                 })
  26.                 this.setData({
  27.                     read,
  28.                 })
  29.     },
  30.     onClick(event){
  31.         var {aid} = event.currentTarget.dataset;
  32.         wx.navigateTo({
  33.           url: `/pages/detail/detail?id=${aid}`,
  34.         })
  35.     }
  36. })

详情页

  1. #wxss
  3. <view><image src="{{pic}}"></image> </view>
  4. <view>{{title}}</view>
  5. <view>{{slogo}}</view>
  6. <view>{{msg}}</view>
  1. #js
  3. const {getReadDetail} = require("../../utils/index")
  4. Page({
  6.     data: {
  7.         pic:"",
  8.         title:"",
  9.         slogo:"",
  10.         msg:""
  11.     },
  13.     /**
  14.      * 生命周期函数--监听页面加载
  15.      */
  16.     onLoad: function (options) {
  17.         var {id} = options;
  18.         console.log(id);
  19.         // var url = `http://47.108.197.28:4000/api/movieDetail?id=${id}`
  20.         getReadDetail(id).then(res=>{
  21.             console.log(res);
  23.             this.handleDetailData(res)
  24.         })
  25.     },
  26.     handleDetailData(res){
  27.         var{pic,title,slogo} = res.data.res[0]
  28.                 console.log(pic);
  29.                 console.log(res.data.msg);
  30.                 this.setData({
  31.                     pic,
  32.                     title,
  33.                     slogo,
  34.                     msg:res.data.msg
  35.                 })
  36.     }
  37. })