请给我写一个,求签的小程序

动态 未结 0 100
小小草
小小草 LV1 2023年9月23日 23:40 发表
好的,以下是一个简单的求签小程序的代码示例: ``` // 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() }) } }) ``` 这个小程序的功能很简单,就是每次点击“求签”按钮时,随机获取一条签文并显示在页面上。你可以根据自己的需求进行修改和扩展。
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复