跳转页面带文本分析功能
当我们等待页面结束后,跳转到这个页面,并将app.js里的文本随机展示给用户。
并且加入判断是否同一张图片,如果是同一张图片则要显示同一个文本,
反之随机给文本。
界面的基本目录如下:(不懂的可以看上一个文档)
json中设置:“disableScroll”: true
1.index2.wxml
<!--packageB/index2/index2.wxml-->
<image src="../img/05_base.png"></image>
<view class="box">
<view>
<view>丝绒雾感</view>
<view>{{app.title}}</view>
</view>
</view>
<view class="box1">
<view>{{app.mes}}</view>
<view class="box2">
<button class="box3" open-type="share">秘密分享</button>
</view>
</view>
2.index2.wxss
/* packageB/index2/index2.wxss */
.box {
position: absolute;
top: 550rpx;
left: 100rpx;
color: rgb(197, 47, 47);
font-weight: 700;
font-size: 40rpx;
}
.box1 {
font-size: 30rpx;
margin: 80rpx 130rpx;
position: absolute;
top: 600rpx;
color: black;
}
.box2{
margin-top: 20rpx;
display: flex;
justify-content: center;
}
.box3{
background: -webkit-linear-gradient(top,#000,red);
width: 300rpx;
line-height: 80rpx;
display: flex;
justify-content: center;
border-radius: 30rpx;
font-size: 40rpx;
color: white;
font-weight: 700;
}
3.index2.js
// packageB/index2/index2.js
var apps = getApp().globalData.data;
var count = Math.floor(Math.random() * 10)
Page({
/**
* 页面的初始数据
*/
data: {
app: '',
option: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this;
wx.getStorage({
key: 'key',
success(res) {
var optionss = res.data;
var option = wx.getStorageSync('key2')
console.log('option',option,'optionss', optionss)
if (option != optionss) {
var count = Math.floor(Math.random() * 10)
that.setData({
app: apps[count]
})
var datas = that.data.app
wx.setStorage({
data: datas,
key: 'key1',
success(res){
console.log(res.key1)
}
})
wx.setStorageSync('key2', optionss)
var xx = wx.getStorageSync('key2')
console.log(xx)
} else {
wx.getStorage({
key: 'key1',
success(res){
console.log(res,'---------520')
var sss = res.data
that.setData({
app : sss
})
}
})
}
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})