taro基本使用

2022/11/1大约 10 分钟
<view> {{message}} </view>
<view hidden="true"> {{message}} </view> // hidden属性隐藏
<text> Hello World </text>
<swiper>
<swiper-item autoplay indicator-dots circular>//轮播图自动播放、圆点、循环
<navigator url="___"> //跳转的页面路径
<image src="___" mode="widthfix"><image> //图片宽高自适应,保持原有比例,然后根据原图大小控制swiper的大小即可达到较好的展示效果
</navigator>
</swiper-item>
</swiper>
Page({
data: {
message: 'Hello MINA!',
list:['1','2','3','4'],
scrollTop:0
}
})
<view wx:for="{{_____}}" wx:key="__"> {{item}} </view> //内容可直接使用item
<block></block> //占位符
<view wx:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view wx:elif="{{view == 'APP'}}"> APP </view>
<view wx:else="{{view == 'MINA'}}"> MINA </view>
<scroll-view scroll-y scroll-top="{{scrollTop}}">//每次切换页面时,用this.setData({})让将该页scrollTop变为0即可到达顶部
<view
wx:for="{{list}}"
>{{item}}</view>
</scroll-view>