微信开发者工具如何使用?使用注意事项

2024-03-23 1120阅读

温馨提示:这篇文章已超过434天没有更新,请注意相关的内容是否还可用!

 (1)单位如何进行换算?

1 px = 750/屏幕宽度 rpx

1 rpx = 屏幕宽度/750 px

(2)如何新建文件?

1> 点开app.json

微信开发者工具如何使用?使用注意事项

2> 在“pages/index/index”后面接“,pages/自定义文件夹名/自定义文件名”

微信开发者工具如何使用?使用注意事项

3> ctrl+s保存后就新建完成了

微信开发者工具如何使用?使用注意事项

(3)公用样式如何导入?

1> 在公用文件夹index.wxss里编写你要写入的样式

微信开发者工具如何使用?使用注意事项

2> 在你新建的文件夹list的list1.wxss里导入你写入样式的公用.wxss文件的路径

微信开发者工具如何使用?使用注意事项

3> 公用样式显示:如图

微信开发者工具如何使用?使用注意事项

微信开发者工具如何使用?使用注意事项

(4)如何选择编译模式?

当我们写了多个文件夹时,想展示其他的文件夹页面,则需要选择我们的编译模式。

1> 选择添加编译模式,修改模式名称和启动页面,点击确认

微信开发者工具如何使用?使用注意事项

微信开发者工具如何使用?使用注意事项

2> 在你需要展示的文件夹的.json页面写入如下代码:

微信开发者工具如何使用?使用注意事项

3> 在你需要展示的文件夹的.wxml页面删除原有自带的代码,添加导航栏,写好内容,展示如下:

微信开发者工具如何使用?使用注意事项

微信开发者工具如何使用?使用注意事项

VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]