masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > applet WeChat > pembangunan WeChat > 微信公众号开发weui使用心得

微信公众号开发weui使用心得

PHPz
Lepaskan： 2017-03-18 18:01:08
asal
5104 orang telah melayarinya

微信公众号开发weui使用心得，避免少犯错！

特别注意：

如果使用 jquery，则 jquery.js 一定要放在 的最后面，否则 weui 不起作用。

引用部分 weui

只需要加载 weui.css 即可

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

引用 weui 整个例子框架

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>
Salin selepas log masuk

body 最后写上 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>
Salin selepas log masuk

weui 结构

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

注意事项：

如果 page 的上面不写 id="tpl_home" 就会报错

<script type="text/html" id="tpl_home">
    <div class="page">
Salin selepas log masuk

报错如下：

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)
Salin selepas log masuk

下面是在 chromium 中报错图：

chromium 中报错图

来自简书swotpp

Atas ialah kandungan terperinci 微信公众号开发weui使用心得. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
weui
sumber：php.cn
Artikel sebelumnya：微信公众号创建个性化菜单报“65305个性化菜单数量受限”解决办法 Artikel seterusnya：.Net代开发微信公众平台开发之处理图片代码解析
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
3
2287
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
11
2423
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
2038
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1920
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1994
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan