WeUI-Nutzungserfahrung bei der Entwicklung öffentlicher WeChat-Konten-WeChat-Entwicklung-php.cn

WeUI-Nutzungserfahrung bei der Entwicklung öffentlicher WeChat-Konten

PHPz

Freigeben： 2017-03-18 18:01:08

Original

4989 Leute haben es durchsucht

Erfahrungen mit der Verwendung von weui bei der Entwicklung öffentlicher WeChat-Konten, um weniger Fehler zu machen!

Besonderer Hinweis:

Wenn Sie jquery verwenden, muss jquery.js am Ende von platziert werden, sonst funktioniert weui nicht.

Einen Teil von Weui zitieren

Einfach weui.css laden

{% load staticfiles %}
<link rel="stylesheet" href="{% static "joyroost/css/weui.css" %}"/>

Nach dem Login kopieren

Das gesamte Beispiel-Framework von Weui zitieren

head link css
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>WeUI</title>
    {% load staticfiles %}
    <link rel="stylesheet" href="{% static "joyroost/css/weui.css" %}"/>
    <link rel="stylesheet" href="{% static "joyroost/css/example.css" %}"/>
</head>

Nach dem Login kopieren

Körper Zum Schluss schreiben Sie js

<script src="{% static "joyroost/js/weui/zepto.min.js" %}"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
<script src="{% static "joyroost/js/weui/example.js" %}"></script>

Nach dem Login kopieren

weui-Struktur

<script type="text/html" id="tpl_home">
<div class="page">
    <div class="page__hd">
    <div class="page__bd">
    <div class="page__ft">

Nach dem Login kopieren

Hinweis:

Wenn id="tpl_home" nicht auf der Seite steht, wird ein Fehler gemeldet

<script type="text/html" id="tpl_home">
    <div class="page">

Nach dem Login kopieren

Der Fehler wird wie folgt gemeldet:

Uncaught TypeError: Cannot set property &#39;url&#39; of undefined
at setPageManager (example.js:264)
at init (example.js:289)
at example.js:296
at HTMLDocument.<anonymous> (zepto.min.js:1)

Nach dem Login kopieren

Das Folgende ist das Fehlerbild in Chrom:

chromium 中报错图

Von Jianshu swotpp

Das obige ist der detaillierte Inhalt vonWeUI-Nutzungserfahrung bei der Entwicklung öffentlicher WeChat-Konten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!