精华内容
下载资源
问答
  • 主要介绍了微信小程序引用公共js的方法的实例详解的相关资料,这里提供了实现的方法,希望能帮助到大家,需要的朋友可以参考下
  • 微信小程序里引用自定义图标

    千次阅读 2018-08-10 22:49:31
    本人刚开始接触微信小程序,发现它自带的icons样式太少,在网上搜索一番,自己稍微整理一下,供大家参考。 1.我使用了阿里巴巴的矢量图标库,...

    本人刚开始接触微信小程序,发现它自带的icons样式太少,在网上搜索里一番,自己稍微整理里一下,供大家参考。

    1.我使用了阿里巴巴的矢量图标库,http://iconfont.cn/collections/detail?spm=a313x.7781069.1998910419.d9df05512&cid=3287,这里面的图标相对很丰富,并且淘票票专业版使用的也是该图标,很适用与手机端,将需要使用的图标添加到购物车,然后点击下载代码,统一下载,如图所示;

    2.在本地找到下载的文件并解压,在文件夹下找到iconfont.css文件并打开此文件,将其代码粘贴到微信小程序项目里,放在style样式里,本人用的wepy框架,直接放在了app.wpy文件里的style样式下,方便整个项目里都可以直接引用下载的图标了,当然也可以放在单个页面里,随个人要求,如图所示:

    3.然后我们就可以在代码里直接引用我们的图标啦,图标大小和颜色可以直接在style里修改,如图所示:

    然后就大功告成啦!不过要注意,每次新下载的图标它里面的文件内容都是不一样的,需要重新拷贝所有内容,不要以为下载了一次之后再下载其他图标都是同样的font-face,因为我踩了这个坑,所以就写出来告诉大家啦!

    展开全文
  • 首先要引用微信的js <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> 然后在页面加上如下代码即可 <script> $(document).ready(function(){ alert(111) ...

    首先要引用微信的js

    <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

    然后在页面里加上如下代码即可  如果要显示hideOptionMenu 替换 showOptionMenu

    <script>
    $(document).ready(function(){
    	alert(111)
    
    	function onBridgeReady(){
    	 WeixinJSBridge.call('hideOptionMenu');
    	}
    	
    	if (typeof WeixinJSBridge == "undefined"){
    	    if( document.addEventListener ){
    	        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
    	    }else if (document.attachEvent){
    	        document.attachEvent('WeixinJSBridgeReady', onBridgeReady); 
    	        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
    	    }
    	}else{
    	    onBridgeReady();
    	}
    })
    </script>

    最终效果

     

     

    展开全文
  • 主要介绍了微信小程序引用iconfont图标的方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
  • 主要介绍了微信小程序 引用其他js文件实现代码的相关资料,需要的朋友可以参考下
  • 微信小程序 引用其他js的方法转载 2017年03月02日 17:07:04标签:微信小程序5754微信小程序 引用其他js的方法微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 。一个小程序页面由四个文件...

    微信小程序 引用其他js里的方法

    转载  2017年03月02日 17:07:04
    • 5754

    微信小程序 引用其他js里的方法

    微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 。

    一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件。我们该如何实现呢。

     

    在根目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻松调用。

    //app.js
    
    App({
       globaData:'huangenai'
     })
    复制代码
    //test.js
    var app = getApp();
    Page({
     onLoad: function () {
     console.log(app.globaData);
     } 
    })
    复制代码

    在开发者工具的 Console可以看到

     

    那么当一些通用的公共方法我们抽出来,在根目录下新建一个utils文件夹,新建util.js在这里我们可以将通用的方法写在这。

    复制代码
    util.js
    
    //正则判断
    function Regular(str, reg) {
      if (reg.test(str))
        return true;
      return false;
    }
    
    //是否为中文
    function IsChinese(str) {
      var reg = /^[\u0391-\uFFE5]+$/;
      return Regular(str, reg);
    }
    
    module.exports = {
      getRequestUrl: "http://localhost:59637",//获得接口地址
      IsChinese: IsChinese,
    }
    复制代码
    复制代码
    //test.js
    
    var util = require('../../utils/util.js');
    Page({
        onLoad: function () {
        console.log("判断是否为中文:"+util.IsChinese('测试'));
        console.log("输出接口url:"+util.getRequestUrl);
        }
    })
    复制代码

    在开发者工具的 Console可以看到

    注意了,在util.js里的 Regular()方法,我们不可以这样调用util.Regular(),因为我们没有用 module.exports 来暴露模块接口

    如果直接 调用则会出现这样的错误

    thirdScriptError
    util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function
    TypeError: util.Regular is not a function

    http://www.186886.top 
    http://liulei.186886.top

    展开全文
  • 微信小程序 引用其他js的方法

    万次阅读 2017-03-02 17:07:04
    微信小程序 引用其他js的方法 微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 。 一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序...

    微信小程序 引用其他js里的方法

    微信小程序中,在微信官方开发文档我们可以知道 小程序的目录结构 。

    一个小程序页面由四个文件组成,一个小程序页面的四个文件具有相同路径与文件名,由此我们可知一个小程序页面对应着一个跟页面同名的js文件。可是当有些公共方法,我们想抽离出来成为一个独立公共的js文件。我们该如何实现呢。

     

    在根目录下有一个app.js文件。这个根目录的js 文件我们可以通过getApp()轻松调用。

    //app.js
    
    App({
       globaData:'huangenai'
     })
    复制代码
    //test.js
    var app = getApp();
    Page({
     onLoad: function () {
     console.log(app.globaData);
     } 
    })
    复制代码

    在开发者工具的 Console可以看到

     

    那么当一些通用的公共方法我们抽出来,在根目录下新建一个utils文件夹,新建util.js在这里我们可以将通用的方法写在这。

    复制代码
    util.js
    
    //正则判断
    function Regular(str, reg) {
      if (reg.test(str))
        return true;
      return false;
    }
    
    //是否为中文
    function IsChinese(str) {
      var reg = /^[\u0391-\uFFE5]+$/;
      return Regular(str, reg);
    }
    
    module.exports = {
      getRequestUrl: "http://localhost:59637",//获得接口地址
      IsChinese: IsChinese,
    }
    复制代码
    复制代码
    //test.js
    
    var util = require('../../utils/util.js');
    Page({
        onLoad: function () {
        console.log("判断是否为中文:"+util.IsChinese('测试'));
        console.log("输出接口url:"+util.getRequestUrl);
        }
    })
    复制代码

    在开发者工具的 Console可以看到

    注意了,在util.js里的 Regular()方法,我们不可以这样调用util.Regular(),因为我们没有用 module.exports 来暴露模块接口

    如果直接 调用则会出现这样的错误

    thirdScriptError
    util.Regular is not a function;at "pages/test/test" page lifeCycleMethod onLoad function
    TypeError: util.Regular is not a function

    展开全文
  • 主要介绍了微信小程序引用的相关资料,并附简单实例代码,需要的朋友可以参考下
  • 微信小程序引用vant插件 首先我们先创建一个微信小程序的项目,找到这个项目目录下打开cmd命令 1、输入npm init 就会产生package.json文件 2、在vant组件库的官网上找到安装语句: npm i vant-weapp -S --...
  • **微信小程序引用阿里巴巴矢量图标** 登录阿里巴巴矢量图标库官网 https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.da2e3581b&type=1 找到需要下载的矢量图标添加到库(本文以“微信...
  • 微信小程序引用外部字体

    万次阅读 热门讨论 2018-06-29 15:39:00
    4、在style文件夹,新建.wxss的css文件,打开下载的文件,找到stylesheet.css,将里面的全部内容复制到新建的.wxss中 5、找到需要引用字体库的wxss文件,用import 方式引入字体库css @import '../../style/...
  • ================小程序引用外部js====================== //封装的函数 function GetUserInfo2018() { console.log("获取用户信息8888") } function count(str) { console.log(str) } //转化成小...
  • 微信小程序引用阿里巴巴矢量图标库,单个矢量图标引入
  • 1.微信开发工具创建项目 2.进入元官网:https://vant-contrib.gitee.io/vant-weapp/#/ 3.npm下载van 4.跟着流程设置project.config.json 5.终端初始化npm init(进入根目录) 6.此时就多了一个package....
  • vue调用微信jssdk,引用分享接口

    万次阅读 2019-07-02 14:28:10
    首先安装jssdk npm install weixin-js-sdk --save-dev 然后在新建一个公共的js文件,比如share.js ...在调用微信的接口之前要先获取他们的appid,timestamp,nonceStr等授权参数,传递参数为当前的url ...
  • 微信小程序引用本地js的json数据

    千次阅读 2019-10-08 17:01:27
    1.data.js(本地js的json数据) var data = [ { "name": "女装", "foods": [ { "name": "A字裙", "key": "A字裙", "icon": "http://img.kiwifruits.cn/classify/1/...
  • 微信小程序引用fontawesome字体

    万次阅读 2017-05-05 17:04:12
    1.到fontawesome官网下载字体包。 2.打开1中下载的压缩包找到.ttf文件。 ... 编吗 ,convert后下载. 4.打开3中下载的文件,找到stylesheet.css. ...5.打开4中的文件,复制里面的代码到微信小程序中的app.wxss中。
  • 微信图片不允许引用

    千次阅读 2017-03-08 15:11:44
    在自己的后台新建微信图文的时候,如果图片是放在自己的服务器上面,在微信里面是不显示的,文章的图片网上查资料说前面加上前缀,但现在已经不可用了,部分显示,部分不显示思路:把图片上传后提交到微信平台时...
  • 我接触微信小程序没多久,遇到了很多坑,其中一个就需要在组件里引用ivew weapp控件。 因为我使用的是wepy框架,所以page页面引用ivew weapp控件直接在页面的config使用 usingComponents 引用,如下所示: ...
  • 微信小程序 四 wxss引用 wxml引用

    万次阅读 2017-05-31 23:19:13
    wxss引用 可以看到这是一个列表,每一条可以看做是一个item,item自己会有自己的wxml和wxss,先看一下 item.wxss.item_class{ width: 100%; height: 150rpx; background-color: #ffffff; } .profile_holder{ ...
  • 近来做微信小程序,用的是vant weapp 的ui ,用到van-dialog 组件时,发现除了全局引用之后,还得先自己引用一下 dialog 组件,才可以使用。 具体使用方法如下: 我的页面结构如下 使用方法: 1.我现在要在...
  • 微信公众号H5页面开发–微信JS-SDK引用 微信提供了微信公众号开发者手册,官方地址:https://mp.weixin.qq.com/ 公众号内许多复杂的业务场景,都是通过网页形式来提供服务,这时需要用到: 微信JS-SDK。以地理位置...
  • 如题所示,微信小程序中不支持iconfont的正常引用的,因此,得找些窍门,方案有四,当然其三是引用其他大佬的,https://blog.csdn.net/hdchangchang/article/details/83511007,在这边就不写了,有兴趣的可以查看...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 84,718
精华内容 33,887
关键字:

微信里的引用