微信小程序---摇一摇 抽个好运签

Wxml：

<view class="a"> <image class="img" src="/pages/image/y1y.png" mode=""/> <text class="text">摇一摇 抽个好运签</text> </view>、

Wxss：

.a{ display: flex; flex-direction: column; align-items: center; } .img{ margin-top: 200px; width: 200px; height: 210px; } .text{ margin-top: 150px; font-size: 28px; color: #C40816; font-weight: bolder; }

Js：

ceshi:function(){ wx.navigateTo({ url: '/pages/quiz/quiz', }) }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { wx.onAccelerometerChange((result) => { if(result.x > 1 || result.y > 1 || result.z > 1){ wx.vibrateLong() let x = Math.floor(Math.random() * 6) wx.redirectTo({ url: '../result/result?x=' + x, }) } }) }, onUnload() { wx.offAccelerometerChange()},

Wxml：

<!--pages/result/result.wxml--> <view class="a"> <image class="img" src="/pages/image/{{cardName}}.jpg" mode=""/> <button class="but" bind:tap="zlyc">再来一次</button> </view>

Wxss：

/* pages/result/result.wxss */ .a{ display: flex; flex-direction: column; align-items: center; margin-top: 50px; } .img{ width: 250px; height: 400px; } .but{ margin-top: 50px; background-color: #C40816; color: #fff; font-weight: bolder; width: 250px; }

Js：

data: { cards: ['baofu', 'chengming', 'jinli', 'nixi', 'taohua', 'xingfu'] }, zlyc:function(){ wx.navigateTo({ url: '/pages/index/index', }) }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { let x = options.x; let cardName = this.data.cards[x]; this.setData({ cardName: cardName }); },