好的,以下是一个简单的求签小程序的代码示例:
```
// app.js
App({
// 定义数据
data: {
signs: [
{ name: '爱情签', content: '今天你会遇到心仪的人' },
{ name: '财运签', content: '今天你的财运很旺哦' },
{ name: '健康签', content: '今天要注意身体哦' }
]
},
// 随机获取一条签文
getSign: function() {
let index = Math.floor(Math.random() * this.data.signs.length);
return this.data.signs[index];
}
})
```
```
今日求签
{{ sign.content }}
```
```
/* index.wxss */
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
}
.title {
font-size: 24px;
margin-bottom: 20px;
}
.sign {
font-size: 18px;
margin-bottom: 20px;
}
.btn {
background-color: #007aff;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
}
```
```
// index.js
const app = getApp();
Page({
data: {
sign: {}
},
onLoad: function () {
this.setData({
sign: app.getSign()
})
},
onTap: function() {
this.setData({
sign: app.getSign()
})
}
})
```
这个小程序的功能很简单,就是每次点击“求签”按钮时,随机获取一条签文并显示在页面上。你可以根据自己的需求进行修改和扩展。