開發工具下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/stable.html
安裝完畢之后，打開之后會彈出框，我們要點擊測驗號，不使用模板，完成即可
記錄第一天的使用學習
<view class="mainView">
<button size="mini" type="primary" bindtap="but">點擊增加{{num}}</button>
</view>
<view>
<swiper indicator-dots indicator-color="red" autoplay interval="2000">
<block wx:for-items="{{imgUrls}}">
<swiper-item >
<image src="{{item}}" class="slide-image" />
</swiper-item>
</block>
</swiper>
</view>
<view class="loginBtn">
<button size="mini" type="primary" bindtap="loginPage">登錄頁面</button>
</view>
對應的js
// index.js
// 獲取應用實體
const app = getApp()
Page({
data: {
num:0,
imgUrls:[],
},
onl oad: function (options) {
var that = this;
wx.request({
url: 'http://127.0.0.1:8088/test/imgs',
method: 'get',
success:function(res){
that.setData({
imgUrls:res.data.data,
})
}
})
},
// 通過but點擊事件觸發后面的函式
but: function(){
this.setData({
num: this.data.num +1,
})
},
//點擊跳轉登錄頁面
loginPage: function(){
wx.navigateTo({
url: '/pages/login/login',
})
}
})
效果如下
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/333686.html
標籤：其他
上一篇：appnium基礎環境安裝
下一篇：jmeter主要元件講解