zoukankan      html  css  js  c++  java
  • 有关微信小程序

    每个页面都要在app.json中配置

    "pages": [
    "pages/index/index",
    "pages/list/list",
    "pages/RealTimeData/RealTimeData",
    "pages/buildInfo/buildInfo",
    "pages/search/search"
    ],
    共用.js模块(如common下的public.js)要引用到某个页面
    (public.js中的待码   
    function sayHello(name) {
    console.log(`Hello ${name} !`)
    }
    function sayGoodbye(name) {
    console.log(`Goodbye ${name} !`)
    }
    module.exports = {
    sayHe: sayHello,
    sayGoodbye: sayGoodbye
    }
    const common = require('../common/public.js');
    调用公共函数
    ceshi: function(){
    common.sayHe('MINA')
    },
     
    //页面跳转
    <view class="context" bindtap="newPage" data-demo="{{item.id}}" data-id="{{item.id}}" wx:for="{{arrayCon}}">{{item.text}}</view>
     
    newPage: function(event){
    console.log(this.data.motto);//获取data中的数据
    var id = event.currentTarget.dataset.id;//event.currentTarget.dataset固定写法id和前台定义的data-id="{{item.id}}"有关
    var demo = event.currentTarget.dataset.demo;
    console.log(demo)
    wx.navigateTo({
    url: '../detail/detail?urlId='+id+'&demoId='+demo

    })
    },
    //获取跳转过来传的参数
    onLoad:function(options){
    // 页面初始化 options为页面跳转所带来的参数
    console.log(options)
    console.log(options.urlId);
    console.log(options.demoId);
    },
     
    echarts应用
    <ec-canvas id="main-echartstwo" ec="{{ ec }}"></ec-canvas>
    下载好ec-canvas文件
    要用的文件。json中配置
    {
    "usingComponents": {
    "ec-canvas":"../../ec-canvas/ec-canvas"
    },
    "backgroundColor": "#ffffff",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#0e1333",
    "navigationBarTitleText": "实时数据",
    "navigationBarTextStyle": "white"
    }
    .js中应用
    import * as echarts from '../../ec-canvas/echarts';
    外部css引用:
    @import "../../fontStyle/font.wxss";
  • 相关阅读:
    图片局部放大插件jquery.jQZoom.js
    FastCGI for iis6不能限制程序池的CPU
    技术普及帖:你刚才在淘宝上买了一件东西
    转载 ListView动态加载数据模板
    转载 Drawable、Bitmap、byte[]之间的转换
    转载 一个ImageView 点击时是一张图片,放开时换另一张图片
    转载 java抽象类与接口的区别
    转载 Android AsyncTask
    转载 Android实现ListView异步加载图片
    转载 Android权限大全
  • 原文地址:https://www.cnblogs.com/whlBooK/p/10303972.html
Copyright © 2011-2022 走看看