![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序学习笔记
跟进学习,记录笔记,方便复习和查阅
dancebit
我若成魔 佛奈我何
展开
-
小程序-连接和跳转
navigator 页面跳转navigator | 微信开放文档 (qq.com)tabBar "tabBar": { "list": [{ "pagePath": "pagePath", "text": "text", "iconPath": "iconPath", "selectedIconPath": "selectedIconPath" }] }redirectTo重.原创 2021-11-18 09:01:37 · 67 阅读 · 0 评论 -
小程序-wxss样式
border边框样式微信小程序wxss border及border-radius属性 - 灰信网(软件开发博客聚合) (freesion.com)一.边框:border 设置对象边框的特性。1.语法:border:length style color2.style:none ,hidden,dotted,dashed,solid,double,groove,ridge,inset,outset。 border: 8rpx outset cyan二...原创 2021-11-09 18:03:06 · 581 阅读 · 0 评论 -
小程序-camera
image | 微信开放文档 (qq.com)可以通过camera来拍照和录像<view> <camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 300px;"></camera> <button type="primary" bindtap="takePhoto">拍照</button> <but原创 2021-11-05 17:03:33 · 244 阅读 · 0 评论 -
小程序-常用控件
picker 列表选择控件picker | 微信开放文档 (qq.com)<picker mode="selector" value="" range="{{['中国','德国','英国']}}" bindchange="pickchange">国家选择</picker>mode 的合法值值 说明 最低版本 selector 普通选择器 multiSelector 多列选择器 time 时间选择.原创 2021-11-05 16:37:26 · 857 阅读 · 0 评论 -
小程序-form表单
form | 微信开放文档 (qq.com)表单。将组件内的用户输入的switchinputcheckboxsliderradiopicker提交。当点击form表单中 form-type 为 submit 的button组件时,会将表单组件中的 value 值进行提交,需要在表单组件中加上 name 来作为 key。<!--pages/form/form.wxml--><text>表单</text><form bindsu...原创 2021-11-05 11:29:02 · 2267 阅读 · 0 评论 -
小程序-video视频
WXML<video src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff020.原创 2021-11-05 10:16:24 · 747 阅读 · 0 评论 -
小程序-进度条 progress
<view>progress进度条测试</view><view> <progress percent="20" show-info stroke-width="20" color="green" active></progress></view>percent="20" 进度设置show-info 显示进度百分比stroke-width="20" 进度条宽度color="green" 进度条进度颜色...原创 2021-11-05 10:01:55 · 328 阅读 · 0 评论 -
小程序 rich-text
rich-text 可加载html标签原创 2021-11-05 09:19:31 · 97 阅读 · 0 评论 -
小程序 movable-view cover-view
<view>movable-view操作</view><movable-area class="area"> <movable-view class="view" direction="all"> </movable-view></movable-area>dircetion 可以拖动的方向scale 可以双指拖放inertia 惯性操作页面高度100%设置需要先设置page整页样式,注意page..原创 2021-11-05 09:08:11 · 462 阅读 · 0 评论 -
小程序 - audio
<view> <audio id="audio1" src="http://music.163.com/song/media/outer/url?id=189540.mp3" loop="{{false}}" controls name="关不上的窗" author="周传雄" poster="https://nimg.ws.126.net/?url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F1104%2F62c2adddj00.原创 2021-11-04 18:41:47 · 97 阅读 · 0 评论 -
小程序-事件调用
事件 | 微信开放文档 (qq.com)类型 触发条件 最低版本 touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 touchend 手指触摸动作结束 tap 手指触摸后马上离开 longpress 手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap事件将不被触发 .原创 2021-11-04 11:19:28 · 348 阅读 · 0 评论 -
微信小程序笔记- if / for
条件渲染 wx:if<view wx:if="{{score > 90}}"> 给你买个大礼物</view><view wx:elif="{{score>70}}"> 下次继续努力</view><view wx:else="{{score>70}}"> 停止吃鸡一个月</view>if和hidden的区别if前后两端代码不一定加载 hidden会全部渲染加载频繁切换时使用hidd原创 2021-11-04 09:12:31 · 254 阅读 · 0 评论 -
小程序笔记-模板 import include
template属性name 用于指定模板名称 内容中的{{name}}访问的不是js中data里的数据,而是需要模板传入,需要再调用模板时,通过属性data指定,类似于函数传递参数的效果。传递时需要在变量名称前加 ... 如下:...listdata_xx,listdata_xx 为一个对象,传递后,模板会自动识别对象下的成员,及{{name}} 中name =listdata_xx->name 调用模板时使用关键字 iswxml<!--定义模板-->&l...原创 2021-11-04 10:40:40 · 143 阅读 · 0 评论 -
微信小程序笔记-布局
普通模式->快速模式 在快速模式,大概200ms采集8个数据快速模式->高精度模式在高精度模式下,大概2s采集完8个数据原创 2021-11-03 19:07:49 · 777 阅读 · 0 评论