首页 > 技术文章 > 微信小程序-电影app程序遇到得问题

znLam 2018-03-14 15:44 原文

最近正在自学微信小程序,看了一些视频,做了一个关于电影app得小程序,遇到得一些问题跟大家来分享下:

 1.想给页面一个背景色,当我们height设置为100%得时候,发现高度并没有起作用:这时我们只需把高度单位改成vh即可

  eg: .content { background: #3A3A3A; min-height: 100vh; }

  or:page{height:100%;}  .content { background: #3A3A3A; min-height: 100%; }

  or:page{ background:#3A3A3A; }

  两种方法都可以,page为样式页面最顶级得,新版本中将此默认样式去掉,所以height:100%;失效,我们手动加上即可;

 2.此程序引用得豆瓣得数据接口,但是写这篇文章得时候,豆瓣对接口做了限制,接口在小程序中一直403,因为我们主要是进行练习,所以我将数据存在本地来进行后期代码得编写,json数据怎样存在本地,我得解决方案是:

  在utils里建了一个js文件,文件中创建一个函数,将json数据保存在函数里,并返回出去;(思想就是建立一个全局得js文件来保存一个全局得函数,此函数返回一个包含json数据得变量)

  eg:

    function json() {   var json = { XXXX }     return json}         module.exports = { json: json };   (//记住将此函数exports出去)

    var json = require("../../utils/json.js");      (//在需要引用此json数据得js文件里引入此函数,注意目录层级)

    var subjects = json.json();        (subjects变量就为你需要得引用得json变量了,然后用setData({data:subjects})得方法更新页面数据)

  3.在公共js即app.js里写公共函数时,在文件中调用此文件,也需重新写一个此函数,并通过getApp()进行调用

  eg:在app.js里创建了一个detail:function(e){}函数,在需要调用此函数得js文件里detail:function(e){getApp().detail(e);}

  注意:如果函数中用到关于e来调用某些数据时,记得调用此函数得js文件里一定也要写上e传递过去,当初就是调用时没有写e导致一直调取不到变量

 

(以上都是做东西时得总结,如有错误,欢迎指正)

 

推荐阅读