微信小程序
文章平均质量分 55
微信小程序基础总结,正在学习的路上
触不可及的Allen
一直在学习的路上
展开
-
记录一下使用微信小程序wx-open-launch-weapp组件
微信小程序wx-open-launch-weapp组件H5跳小程序的组件官方文档:微信开放文档开始配置这个组件只能在微信内置浏览器里面使用前期可以用微信开发者工具进行调试(公众号网页模式)第一步需要在微信公众平台设置JS安全域名H5一般授权就是通过微信公众号配置完成引入JS文件第二步就是配置config前端需要后端传过来的参数就是这些后端需要的签名算法签名算法文档debug建议开启官方用例<wx-open-launch-weapp id="launch-btn"原创 2021-12-03 14:33:58 · 1854 阅读 · 0 评论 -
记录一下小程序分享和小程序二维码
记录一下刚刚发布成功的小程序分享是灰的要求可以分享1.创建一个share.js公共文件export default{ data(){ return { //设置默认的分享参数 share:{ title:'ALAPI', path:'/pages/index/index', imageUrl:'',原创 2021-09-18 17:23:24 · 271 阅读 · 0 评论 -
微信小程序--Todos案例
开始Todos 案例分析页面布局功能分析点击+号添加一条任务清单点击任务清单可以切换状态点击x号删除这一条任务清单1 item left跟随着变化三种状态当任务清单只有一条时,为1 item left当任务清单为0时,为空(消失)当任务清单为>1时,为 x items leftToggle all 表示全选和全不选clear completed 表示清除所有已完...原创 2020-01-21 11:01:30 · 728 阅读 · 0 评论 -
微信小程序--页面跳转和传值
开始微信小程序–页面跳转和传值创建文件夹直接app.json 在pages 添加所有创建文件的名字路由navigator 对象URL 属性 hover-class 是点击之后的属性<navigator class="" target="" url="../demo2/demo2" hover-class="navigator-hover" open-type="na...原创 2020-01-20 13:23:08 · 428 阅读 · 0 评论 -
微信小程序--flex弹性布局案例
开始案例效果案例需求使用flex弹性布局有滚动条页面结构wxml<!-- index.wxml --><view class="container"> <!-- 标签栏的页签 固定高度 --> <view class="top"> <view class="item active"> &l...原创 2020-01-20 12:56:56 · 1377 阅读 · 0 评论 -
微信小案例--登录
开始微信小程序案例案例效果图代码wxml<!-- <view class="container"> <view class="header"> <image src="../../images/images/sign.png" /> </view> <view class="inputs...原创 2020-01-20 11:24:41 · 393 阅读 · 0 评论 -
微信小程序--数据绑定
开始微信小程序数据绑定data(数据)在js文件中,Page({})实例中 data: { //字符串 message:'数据', //数组 items: [ { name: 'USA', value: '美国' }, { name: 'CHN', value: '中国', checked: 'true' }, { name...原创 2020-01-20 11:11:39 · 544 阅读 · 0 评论 -
微信小程序--逻辑与界面分离结构
学习之路微信小程序–界面结构参照微信小程序开发文档开始学习UI组件基本组件icon 图标type 用于指定类型 success, success_no_circle, info, warn, waiting, cancel, download, search, clearsize 用于指定大小 默认20color 用于指定颜色 与css一样 <!--...原创 2020-01-17 15:54:59 · 1089 阅读 · 0 评论