![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序笔记
_Hello Spring
打工人,可付费找打工人帮你们码代码!!!
展开
-
微信小程序-自定义组件-子向父传递数据
微信小程序-自定义组件-子向父传递数据新建文件TabsTabs.js// components/Tabs/Tabs.jsComponent({ /** * 里面存放的是 要从父组件中接收的数据 */ properties: { // 要接收的数据的名称 aaa:{ // type 要接收的数据的类型 type:String, ...原创 2020-02-01 17:02:22 · 2502 阅读 · 2 评论 -
微信小程序-自定义组件-父向子传递数据
微信小程序-自定义组件-父向子传递数据新建文件TabsTabs.js// components/Tabs/Tabs.jsComponent({ /** * 里面存放的是 要从父组件中接收的数据 */ properties: { // 要接收的数据的名称 aaa:{ // type 要接收的数据的类型 type:String, ...原创 2020-02-01 16:37:23 · 1942 阅读 · 3 评论 -
微信小程序-自定义组件-Tabs样式优化-标题激活
微信小程序-自定义组件-Tabs样式优化-标题激活新建文件TabsTabs.js// components/Tabs/Tabs.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { tabs:[ { id:0, ...原创 2020-01-31 20:59:17 · 1447 阅读 · 2 评论 -
微信小程序-checkbox复选框
微信小程序-checkbox复选框demo.wxml<!-- checkbox 复选框 1 checkbox标签 必须要和 父元素 radio-group 来使用 2 value 选中的单选框的值 3 需要给 radio-group 绑定 change 事件 4 需要在页面中显示 选中的值 --><view> <checkbox-gr...原创 2020-01-31 19:59:50 · 11180 阅读 · 4 评论 -
微信小程序-radio单选框
微信小程序-radio单选框demo.wxml<!-- radio 单选框 1 radio标签 必须要和 父元素 radio-group 来使用 2 value 选中的单选框的值 3 需要给 radio-group 绑定 change 事件 4 需要在页面中显示 选中的值 --><radio-group bindchange="bandleChang...原创 2020-01-31 19:55:51 · 12080 阅读 · 3 评论 -
微信小程序-icon图标
微信小程序-icon图标demo.wxml<!-- 小程序中的字体图标 1 type icon的类型 有效值:success, success_no_circle, info, warn, waiting, cancel, download, search, clear 2 size 大小 3 color icon的颜色 --><icon typ...原创 2020-01-31 19:52:29 · 4058 阅读 · 0 评论 -
微信小程序-button标签
微信小程序-button标签demo.wxml<!-- button 标签 1 外观属性 1 size 控制按钮的大小 1 default 默认大小 2 mini 小尺寸 2 type 用来控制按钮的颜色 1 default 白色 2 primary 绿色 3 warn 红色 3 plain...原创 2020-01-31 19:12:15 · 1759 阅读 · 1 评论 -
微信小程序-全局配置文件-tabbar字段
微信小程序-全局配置文件-tabbar字段app.json----tabbar在该文件中{ "pages": [ "pages/index/index", "pages/img/img", "pages/search/search", "pages/demo01/demo01", "pages/demo02/demo02", "pages/l...原创 2020-01-31 17:04:54 · 1155 阅读 · 0 评论 -
微信小程序-rich-text 富文本标签
微信小程序-rich-text 富文本标签demo.wxml<!-- rich-text 富文本标签 1 nodes 属性来实现 1 接收标签字符串 最常用的 2 接收对象数组 --> <rich-text nodes="{{html}}"></rich-text>demo.js// pages/demo11/demo1...原创 2020-01-30 19:11:21 · 1905 阅读 · 0 评论 -
微信小程序-导航组件 navigator
微信小程序-导航组件 navigatordemo.wxml<!-- 导航组件 navigator 0 块级元素 默认会换行 可以直接加高度和宽度 1 url 要跳转的页面路径 绝对路径 相对路径 2 target 要跳转到当前的小程序 还是其他的小程序页面 self 默认值 自己 小程序的页面 miniProgram 其他的小程序的页面 3 open...原创 2020-01-30 18:38:36 · 931 阅读 · 0 评论 -
微信小程序-swiper swiper-item 标签及常见属性
微信小程序-- 标签及常见属性demo.wxml<!-- 1 轮播图的外层容器 swiper 2 每一个轮播项 swiper-item 3 swiper 标签 存在默认样式 1 width 100% 2 height 150px image 存在默认宽度和高度 320 * 240 px 3 swiper 高度 无法实现由内容撑开 4 先找出来 ...原创 2020-01-30 14:48:32 · 12073 阅读 · 0 评论 -
微信小程序-image标签
微信小程序-image标签demo.wxml<!-- image 图片标签 1 src 指定要加载的图片的路径 图片存在默认的宽度和高度 320 * 240 原图大小是 200 * 100 2 mode 决定 图片内容如何 和 图片标签 宽高 做适配 1 scaleToFill 默认值 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素...原创 2020-01-30 14:33:10 · 3661 阅读 · 0 评论 -
微信小程序-text标签
微信小程序-text标签demo.wxml<!-- 1 长按文字复制 selectable 2 对文本内容 进行解码 decode --><text selectable="true" decode> text 123 <</text>示例...原创 2020-01-30 14:29:34 · 1052 阅读 · 0 评论 -
微信小程序-样式-引入
微信小程序-样式-引入demo.wxss/* 1 引入的代码 是通过 @import 来引入 2 路径 : 只能写相对路径*/@import "../../styles/common.wxss";common.wxssview{ color: aqua; font-size: 100px;}示例...原创 2020-01-30 14:26:13 · 1491 阅读 · 0 评论 -
微信小程序-样式-rpx
微信小程序-样式-rpx/* 1 小程序中 不需要主动来引入样式文件 2 需要把页面中的某些元素的单位 由 px 改成 rpx 1 设计稿 750px 750px = 750rpx 1px = 1 rpx 2 把屏幕的宽度改为 375px 375 px = 750rpx 1 px = 2 rpx 1 rpx = ...原创 2020-01-30 14:19:39 · 641 阅读 · 0 评论 -
微信小程序事件绑定和点击事件
微信小程序事件绑定和点击事件<!-- 1 需要给input 标签绑定 input 事件 绑定关键字 bindinput 2 如何获取 输入框的值 通过事件源对象来获取 e.detail.value 3 把输入框的值 赋值到 data 当中 不能直接: 1 this.data.num = e.detail.value ...原创 2020-01-30 14:12:56 · 3383 阅读 · 1 评论 -
微信小程序常用标签、数据绑定、渲染
微信小程序常用标签、数据绑定、渲染<!-- 1. text 相当于web中的 span标签 行内元素 不会换行 2. view 相当于web中的 div标签 块级元素 会换行 3. checkbox 以前的复选框标签 --><text>1</text><text>2</text><view>1&l...原创 2020-01-30 14:06:19 · 1173 阅读 · 0 评论