微信小程序

Yl郁

于 2022-04-16 20:59:25 发布

阅读量332

点赞数

文章标签：开发语言 javascript

本文链接：https://blog.csdn.net/HiYulinlin/article/details/124219732

版权

安装wx开发者工具=>wx公众平台注册账号

pages:存放所有小程序的页面

app.js:小程序的入口页面

app.json:全局的配置文件

app.wxss全局的样式文件

常用的组件：view、swiper、scroll-view,详情见：官方文档

导航组件：navigator，

事件绑定：bindtap、catchtap（可以阻止冒泡）

渲染列表：

<view wx:for="{{arr2}}" wx:key="index">
<view>姓名是{{item.name}}</view>
<view>年龄是{{item.age}}</view>
<view>分数是:
<text wx:for="{{item.score}}" wx:key="idx" wx:for-index='idx' wx:for-item="val">{{val}}===</text>
</view>
</view>

bigFn(event){

//event.target 指的是事件触发的源头（触发的那个元素）

//event.currentTarget 是指当前事件绑定的节点

}

条件渲染：

<view>条件渲染</view>
<view wx:if="{{loading}}">加载中</view>
<view wx:else>列表</view>

<view wx:if="{{code === 1}}">待发货</view>
<view wx:elif='{{code === 2}}'>发货中</view>
<view wx:else>已发货</view>
<view hidden="{{1+1>2}}">隐藏</view>