登录  /  注册

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

巴扎黑
发布: 2017-05-21 16:26:02
原创
2676人浏览过

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







以上就是微信小程序开发样式常见的问题整理的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号