Rumah > applet WeChat > Pembangunan program mini > 微信小程序开发样式常见的问题整理

微信小程序开发样式常见的问题整理

巴扎黑
Lepaskan: 2017-05-21 16:26:02
asal
2982 orang telah melayarinya

摘要: 我们在微信小程序的开发过程中会遇到一些常见的问题,代码的实现不如预期。都是自己在开发过程中走过的弯路,希望对大家有帮助。1.关于import和include我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一  ...

我们在微信小程序的开发过程中会遇到一些常见的问题,代码的实现不如预期。都是自己在开发过程中走过的弯路,希望对大家有帮助。

1.关于import和include

我们可以将一些公共的代码抽离成为一个单独的 js 文件,作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。

import可以在该文件中使用目标文件定义的template。但是要注意import没有传递性,即:C import B,B import A,在C中可以使用B定义的template,在B中可以使用A定义的template,但是C不能使用A定义的template。

include可以将目标文件除了的整个代码引入,相当于是拷贝到include位置。

使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束。


2.关于switchtab和navigateTo

有tabBar的页面用switchTab进行跳转,没有tabBar的页面用navigateTo进行跳转。


3.关于图片大小设置:Picker和picker-view

swiper组件使用时,无法设置图片大小等。

1096155-20170325202901549-1875634626.png

1096155-20170325202914533-1934093024.png


以上设置都是无效的。

1096155-20170325202941315-234975876.png


这种设置有效。

Picker和picker-view的区别在于一个从底部弹出,一个直接嵌入页面内部

1096155-20170325202952830-663616705.png1096155-20170325202959940-1370049987.png


4.关于为navigate和redirect的区别:

1096155-20170325203013096-579360082.png

1096155-20170325203023705-19190749.png1096155-20170325203029596-1559429063.png



切换页面时传递参数的方法:

1096155-20170325203055783-2048844056.png
变量的声明可以在pages外部(全局变量)、在pages内部时可以在data内部也可以在data外部。


1096155-20170325203121361-1944690974.png







Atas ialah kandungan terperinci 微信小程序开发样式常见的问题整理. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan