微信小程序
齐燕博
一名昆明理工大学的研究生,2023年毕业
展开
-
微信小程序收缩式菜单
wxml文件<view class="page"><!--分类 --><view class="li" data-index="0" bindtap='changeToggle'><view class="left">谷类及制品</view><view class="right">6 <text class="iconfont {{selectedFlag[0]?'icon-shangjiantou':'icon-x原创 2021-05-13 13:23:35 · 391 阅读 · 0 评论 -
微信小程序字母索引菜单
wxml文件<view class="container"><view class="content"> <view class="all-food"> <view class="food">全部食物</view> <scroll-view class="food-scroll" scroll-y="true" scroll-into-view="{{toView}}" scroll-with-animation原创 2021-05-13 13:19:59 · 539 阅读 · 2 评论 -
关于解决微信小程序报错的两个小问题
关于渲染层网络错误出现这个问题的原因不是图片路径出现错误,如果是图片路径出现错误,则修改图片路径则不会报错。这个问题的原因是:页面加载图片时,需要一定的时间,这个时间段内路径是空的。解决办法:在这个图片的src路径前面。添加一个if判断,例如:<image wx:if="{{pic01>0}}" src="/image/Weatherpic/{{pic01}}.png"></image>2关于一个按钮上想要绑定两个事件的办法是:采用catchtap绑定事件事件原创 2021-05-06 14:59:00 · 1078 阅读 · 0 评论 -
微信小程序 Vant Weapp 没有找到可以构建的NPM包,请确认需要参与构建的npm在miniprogramroot目录 正确引入vantweapp
先新建一个云开发小程序,然后右击,选择在外部终端打开然后输入 npm init -y 然后回车输入npm i @vant/weapp -S --production 然后回车然后点击工具构建npm组件,这是会多出来几个文件夹这时如果还继续保错,找不到npm组间时,需要手动在 project.config.json内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。{ ... "setting": { ... "packNpmManually": true原创 2021-05-04 10:12:34 · 864 阅读 · 1 评论 -
微信小程序2完成一个页面身份认证和显示天气的例子
任务目标,建立一个包含两个页面,第一个页面的内容是微信身份验证,然后通过点击按钮来实现跳转到另一个页面,来显示今天的天气。思路:两个页面,建立俩个不同的按钮,实现不同的功能。第一个身份验证页面,通过调用身份验证函数来实现,第二个页面通过外面api接口来实现。点击天气按钮,通过函数,跳转到天气页面。新建一个项目,点击加号 这里的项目名称,目录均可以自主选择,appid是自己的唯一身份标识,自己注册的,开发模式选择小程序,后台服务选择不使用云服务。语言选择JavaScript。然后点击新建。创建完毕原创 2021-04-17 11:38:21 · 490 阅读 · 0 评论 -
微信小程序
1 搜索微信公众平台2 注册账号3 下载微信开发者工具4新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 “不使用云服务” (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。5参看微信小程序官方文档。生成自己的第一个小程序左面 真机演示中间代码目录右面代码index文件即首页文件在里面添加字段会直接显示到模拟器中l原创 2021-04-12 08:19:57 · 64 阅读 · 0 评论