微信小程序
文章平均质量分 52
小脆筒style
吃得苦中苦方为人上人
展开
-
2.2 微信小程序 计算器
【案例3】 计算器在计算器中可以进行加(+) 减(-) 乘(x) 除(/) 和取余(%) 运算,Del 按钮表示删除前面一个数字,C 按钮表示全部清空目录index.wxmlindex.wxssindex.jsonindex.jsindex.wxml<view class="result"> <view class="result-num">{{num}}</view> <view class="result-op">{{op}原创 2021-06-05 16:42:09 · 1135 阅读 · 2 评论 -
2.1微信小程序--比较数字大小
【案例1】比较数字大小目录:index.wxmlindex.wxssindex.jsindex.wxml<!--pages/index/index.wxml--><view> <text>请输入第1个数字:</text> <input type="number" bindchange="num1change" /></view><view> <text>请输入第2个数字:<原创 2021-06-05 14:10:37 · 4236 阅读 · 0 评论 -
1.9 微信小程序 使用canvas 绘制钟表
模拟时钟利用canvas绘制时钟,实现模拟时钟的功能,钟表时间与系统时间保持一致,刻度将24小时制转换为12小时制,需要分别绘图出中心圆、外层大圆、分针、时针、秒针。效果图如下:代码如下:index.wxml<canvas canvas-id="myCanvas" class="mycanvas"></canvas>index.wxss/**index.wxss**/.mycanvas { width: 100%; height: 100%;原创 2021-05-25 16:07:36 · 1837 阅读 · 2 评论 -
1.7 微信小程序-视频播放器-发送弹幕
## video-detail 视频播放器相关页面代码原创 2021-04-22 14:49:09 · 659 阅读 · 0 评论 -
1.6 微信小程序 navigator标签
navigator导航组件 类似超链接标签open-type 有效值代码案例.wxml<!--pages/navigator/navigator.wxml--><!-- 导航组件 navigator 0 块级元素 默认会换行 可以直接加宽度和高度 1 url 要跳转的页面路径 绝对路径 相对路径 2 target 要跳转到当前的小程序 还是其他的小程序页面 self 默认值 自己 小程序的页面 miniProgram 其他的小程序页面原创 2021-04-13 19:46:06 · 321 阅读 · 1 评论 -
1.5微信小程序 swiper swiper-item 标签及常用属性
swiper 标签轮播图外层容器index.wxml<!-- 1 轮播图外层容器 swiper 2 每一个轮播项 swiper-item 3 swiper标签 存在默认标签 1 width 100% 2 height 150px image 存在默认宽度和高度 320 * 240 3 swiper 高度 无法实现由内容撑开 4 先找出来 原图的宽度和高度 等比例 给swiper 定宽度和高度 原图的宽度和高度 1125 * 352 px原创 2021-04-13 16:45:59 · 1320 阅读 · 1 评论 -
1.4 images图片标签
images图片标签,images组件默认宽度320px、高度240px支持懒加载mode有效值mode有13种模式,其中4种是缩放模式,9种是裁剪模式代码案例构造01.jpgindex.wxml<!--index.wxml--><!-- images 图片标签 1 src 指定要加载的图片的路径 图片存在默认的宽度和高度 320 * 240 原图大小是 200 * 100 2 mode 决定 图片内容 如何和 图片标签 宽原创 2021-04-12 23:13:12 · 328 阅读 · 0 评论 -
1.3 “音乐”小程序项目
音乐小程序音乐小程序的页面由上中下三个区域组成,分别将它们命名为:tab、content和playertab区域:用于显示 “音乐推荐” “播放器”和 “播放列表” 这三个标签的标题。如果当前位于某个标签页下,该标签页的标题文字会显示红色,并且标题下方的线条会显示红色,而其他标签页的文字和线条都显示为白色。content区域:通过左右滑动,可以实现标签页的切换。音乐推荐:用于向用户推荐一些热门的音乐播放器:用于显示当前播放的时间和进度,用户可以跳转进度播放列表:用于显示当前播放的原创 2021-03-23 14:27:02 · 4171 阅读 · 10 评论 -
1.1微信小程序做调查问卷
调查问卷–案例分析开发一个“调查问卷”的案例来学习常用表单组件的使用,收集用户填写胡表单信息提交给服务器,或者从服务器获取数据后显示在表单中。1.1 编写表单页面在微信开发者工具中,创建新项目:pages/index/index.wxml具体代码如下:<view class="container"> <form bindsubmit="submit"> <view> <text>姓名:</text> &原创 2021-03-16 11:22:08 · 11731 阅读 · 1 评论 -
1.2 微信小程序开发-用户登录页面设计
目标掌握微信小程序项目的基本架构。背景小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。任务请编写一个用户登录页面,提示输入用户名和密码进行登录1,页面配置文件 index.wxml<view class="login-container"> <view class="title">微信小程序A原创 2021-03-16 11:01:29 · 7804 阅读 · 6 评论