微信小程序开发方案 第1篇
在微信小程序中,view标签用于布局,相当于HTML中的div。 你可以使用class属性来指定一个或多个样式类,使用style属性来写入行内样式。
在小程序中使用swiper组件可以创建滑块视图 使用时必须搭配swiper-item滑块使用
autoplay:是否自动播放 interval:与下一个滑块的间隔时长 circular:是否衔接滑动
type是必备属性,用来控制是否选中 success选中 circle未选中 size用来定义icon大小 icon详细属性请点这里了解
类似HTML中的a标签 用于跳转页面-可以传参(后面详讲)
微信小程序开发方案 第2篇
整个页面的数据来源,都是在 js文件中对应的data属性
插值语法 在wxml中获取data数据:
在方法中获取data数据:
总结:
1.简易的双向数据绑定
2.引用类型的双向数据绑定,
小程序中并没有v-model这个属性,只能用事件和值配合来代替
wx:为属性前缀,key的盒子不用写item
for后面的双{{ }}不需要写item
遍历过程中item依旧表示每一项
id只能是数字或者纯数字的字符串
为了提高代码可读性,微信小程序提供了wx:for-item=“xxx”
给我们修改这个item变量的命名
在上面的例子中:
这些指令和属性在小程序中常用于根据不同条件来动态显示或隐藏页面的部分内容,提升用户体验和交互性。
新建模板文件夹templates,继续在templates里面新建:
可以往模板里面传值:
wxs有点像我们html里面的script标签,既可以做内嵌式的写法,又可以做外链式的写法。
但是其中有模块化思想,所以,书写的函数需要导出才能使用。
cart文件夹下新建文件
中配置多一条路径:
_usingComponents_: {},
_component_: true
来到需要调用这个子组件的页面中注册组件:
中就可以使用组件了:
第1步:在父组件中传入money,注意:money是在父组件的data定义的数据
第2步:在子组件中定义好props数据,在微信小程序中不叫props,而叫properties
在中声明:
第3步,就可以在子组件中直接使用money了:
第1步:在父组件中定义修改money的函数
第2步:在父组件中调用子组件的地方传入自定义事件函数
微信小程序开发方案 第3篇
小程序中的data是一个对象 页面中所涉及到的变量都要在data中定义
内容绑定:
属性绑定:
通常我们获取到有效数据,需要将有效数据追加或替换原有的数据,这时,我们需要用到数据修改,非常常用。
这里给个栗子:
bindtouchstart 手指触摸事件 bindtouchmove 手指触摸移动事件
翻译:在选择器为list的元素中,检索isTouchMove,为true则给list添加‘touch-move’样式,为false则添加“”(空)
微信小程序开发方案 第4篇
利用navigate标签 navigate标签+URL地址+参数 url=“…/…/indexDetail?id=3”
给容器定义一个bind事件 触发时 带着参数data-id=3 传给js +URL地址+参数 url=“…/…/indexDetail?id=3”
顾名思义:作用于全局的变量 当一个变量在多个页面使用时,为了方便调用,我们便会选择将它定义为全局变量
定义
使用
顾名思义:存储在本地的数据 (永久保存) 当我们需要一个数据永久保存在小程序页面时,我们会用到本地存储
微信小程序开发方案 第5篇
说人话就是:导航栏
以下搬运一下优质UP主的详细tarBar属性内容
最常用的有:iconPath、selectedIconPath
1.打开文件 2.打开微信公众平台 3.将官方的tabBar格式复制进 4.打开平台找tabBar相关属性配置