随笔分类 -  微信小程序

摘要:参考链接:https://blog.csdn.net/qq_39410252/article/details/121278343 效果图: 实现步骤: 1. 建一个微信小程序项目 2. 将其路径添加进app.json "pages": [ "pages/Share/Share" ], 3. 在Sha 阅读全文
posted @ 2022-05-30 13:49 o云淡风轻o 阅读(3757) 评论(0) 推荐(0) 编辑
摘要:效果图: 1. 新建一个index页面 主页面分为两块,上面是导航条,下面是轮播图。 导航条: <view class='menu'> <scroll-view scroll-x> <view class='scroll-nav'> <navigator url="/pages/baidupage/ 阅读全文
posted @ 2020-10-13 09:40 o云淡风轻o 阅读(2740) 评论(0) 推荐(0) 编辑
摘要:效果图: 界面很丑,主要是代码呈现数据绑定,使用符号{{}} 首先创建一个页面 在写bind.wxml <!--miniprogram/pages/bind/bind.wxml--> <view> name:{{name}} </view> <view class="color-{{colorID} 阅读全文
posted @ 2020-08-06 20:35 o云淡风轻o 阅读(155) 评论(0) 推荐(0) 编辑
摘要:效果图 制作步骤: 一、创建一个page 二、编写demo.wxml写界面元素 <!--miniprogram/pages/demo/demo.wxml--> <view class="mycontainer"> <swiper class="swiper-img" autoplay="true" 阅读全文
posted @ 2020-08-06 11:29 o云淡风轻o 阅读(458) 评论(0) 推荐(1) 编辑
摘要:效果图:横向滚动和纵向滚动 scroll view使用方法文档,前面已经介绍查找文档方法,此处不再赘述 一、横向滚动 创建一个页面scroll-nav 然后,在.wxml文件中排版 <!--水平拖动新闻--> <scroll-view scroll-x class="menu"> <view cla 阅读全文
posted @ 2020-07-27 11:01 o云淡风轻o 阅读(413) 评论(0) 推荐(0) 编辑
摘要:微信小程序组件使用手册地址: 1. 百度搜索“微信公众平台”,扫码登录之后,点击帮助文档里面的普通小程序。 2. 接着选择“开发”--》“组件” 3. 左侧可以根据需要查询自己需要使用的控件 那么接下来就写一个简单的注册页面。 1. New Folder(reg) --> New Page(reg) 阅读全文
posted @ 2020-07-20 19:50 o云淡风轻o 阅读(803) 评论(0) 推荐(0) 编辑
摘要:每次创建一个页面,会有四个文件产生 生命周期函数就在后缀为.js的文件中,先来看代码 // miniprogram/pages/News/News.js Page({ /** * Page initial data */ data: { }, /** * Lifecycle function--Ca 阅读全文
posted @ 2020-07-20 18:34 o云淡风轻o 阅读(146) 评论(0) 推荐(0) 编辑
摘要:添加新页面有两种方法: 方法一:直接在app.json的pages里面添加一个page路径,编译后会自动创建一个page的文件夹 方法二:右键创建文件夹News,在文件夹News上右键创建page,会自动把page路径添加到app.json中 如果想要新建的页面在模拟器上显示,那么就把页面路径放到p 阅读全文
posted @ 2020-07-18 09:36 o云淡风轻o 阅读(896) 评论(0) 推荐(0) 编辑
摘要:效果图: 如果要添加底部导航栏,最少2个,最多5个。 app.json { "pages": [ "pages/index/index", "pages/userConsole/userConsole", "pages/storageConsole/storageConsole", "pages/d 阅读全文
posted @ 2020-07-17 17:30 o云淡风轻o 阅读(366) 评论(0) 推荐(0) 编辑
摘要:先认识一下开发界面,当前是上节中刚刚新建好的一个小程序。 模拟窗口当前页面的路径可以查看左下角Page Path,可以看到当前页面的路径为pages/index/index,正好和app.json里面的页面路径配置对上了。 当前页面的设置可以查兰右上角Details里面,目前默认设置是按保存后会自动 阅读全文
posted @ 2020-07-17 17:07 o云淡风轻o 阅读(257) 评论(0) 推荐(0) 编辑
摘要:一、打开微信开发者工具,扫码登录 二、点击右侧的加号,添加小程序 第三步:创建成功后,报错 VM82:1 cloud init error: Error: invalid scope 没有权限,请先开通云服务 第四步:解决办法:https://blog.csdn.net/qq_35759451/ar 阅读全文
posted @ 2020-07-17 10:13 o云淡风轻o 阅读(280) 评论(0) 推荐(0) 编辑
摘要:下载 第一步:百度搜索“微信公众平台” 第二步:登录微信公众平台 第三步:点击微信开发者工具 第四步:按照自己的操作系统下载对应的版本的开发者工具,我的是Windows10 64位的操作系统 安装 下载成功后,双击安装 OK。 阅读全文
posted @ 2020-07-16 14:21 o云淡风轻o 阅读(859) 评论(0) 推荐(0) 编辑
摘要:想要开发微信小程序,先注册账号申请APPID。 第一步:百度搜索“微信公众平台” 第二步:立即注册 进入注册页面 区别: 订阅号: 订阅号在文件夹里,订阅号消息 一天只能推送一次,适合个人注册 服务号: 显示在微信一栏,单独出来的 一周推送一次 企业微信: 企业内部沟通 View Code 第三步: 阅读全文
posted @ 2020-06-29 19:56 o云淡风轻o 阅读(328) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示