@ -0,0 +1,71 @@ | |||||
// Pages/HGBot/Whisper/received/received.js | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
}, | |||||
onNext:function(){ | |||||
wx.navigateTo({ | |||||
url: '/Pages/HGBot/Whisper/received/total', | |||||
}) | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面加载 | |||||
*/ | |||||
onLoad: function (options) { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面初次渲染完成 | |||||
*/ | |||||
onReady: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面显示 | |||||
*/ | |||||
onShow: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面隐藏 | |||||
*/ | |||||
onHide: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面卸载 | |||||
*/ | |||||
onUnload: function () { | |||||
}, | |||||
/** | |||||
* 页面相关事件处理函数--监听用户下拉动作 | |||||
*/ | |||||
onPullDownRefresh: function () { | |||||
}, | |||||
/** | |||||
* 页面上拉触底事件的处理函数 | |||||
*/ | |||||
onReachBottom: function () { | |||||
}, | |||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
onShareAppMessage: function () { | |||||
} | |||||
}) |
@ -0,0 +1,3 @@ | |||||
{ | |||||
"usingComponents": {} | |||||
} |
@ -0,0 +1,15 @@ | |||||
<!--Pages/HGBot/Whisper/received/received.wxml--> | |||||
<!--TODO: css样式 navToNext函数 textarea中收到其他用户的内容--> | |||||
<view class="ask"> | |||||
<view>收到一条新的悄悄话</view> | |||||
</view> | |||||
<view class="whisper"> | |||||
<textarea style="background-color: #D8CAAF;"></textarea> | |||||
</view> | |||||
<view class="list"> | |||||
<text>之前的悄悄话都收在这里哦</text> | |||||
<button size="mini" bindtap="onNext" style="color: #7B8B6F;">>>></button> | |||||
</view> | |||||
<view> | |||||
<image mode="heightFix" src="../../../../asset/img/hangou1.png" class="hg"></image> | |||||
</view> |
@ -0,0 +1,66 @@ | |||||
/* Pages/HGBot/Whisper/received/received.wxss */ | |||||
/* Pages/HGBot/Whisper/get/get.wxss */ | |||||
.ask{ | |||||
position: absolute; | |||||
left: 50px; | |||||
top: 60px; | |||||
padding: 10px; | |||||
margin: 20px; | |||||
font-size: 23px; | |||||
text-align: center; | |||||
color: #000; | |||||
} | |||||
.whisper{ | |||||
position: absolute; | |||||
left: 45px; | |||||
top: 150px; | |||||
font-size: 22px; | |||||
text-align: center; | |||||
color: #000; | |||||
background-color: #D8CAAF; | |||||
} | |||||
.OK{ | |||||
position: absolute; | |||||
left: 145px; | |||||
top: 320px; | |||||
font-size: 22px; | |||||
text-align: center; | |||||
color: #000; | |||||
width: 102px; | |||||
height: 30px; | |||||
background: #d8caaf; | |||||
} | |||||
.list{ | |||||
position: absolute; | |||||
left: 25px; | |||||
top: 360px; | |||||
padding-top: 10px; | |||||
font-size: 22px; | |||||
text-align: center; | |||||
color: #000; | |||||
} | |||||
button { | |||||
margin-left: 10px; | |||||
padding-left: 10px; | |||||
position: inherit; | |||||
background: inherit; | |||||
font-weight: bolder; | |||||
} | |||||
button:after { | |||||
content: none; | |||||
} | |||||
button::after { | |||||
border: none; | |||||
} | |||||
.hg{ | |||||
position:absolute; | |||||
left: 100px; | |||||
top: 430px; | |||||
} |
@ -0,0 +1,72 @@ | |||||
// Pages/HGBot/Whisper/received/total.js | |||||
Page({ | |||||
/** | |||||
* 页面的初始数据 | |||||
*/ | |||||
data: { | |||||
time:["2022.01.12","2022.01.10"], | |||||
}, | |||||
ret:function(){ | |||||
wx.reLaunch({ | |||||
url: '/Pages/HGBot/Home/Home', | |||||
}) | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面加载 | |||||
*/ | |||||
onLoad: function (options) { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面初次渲染完成 | |||||
*/ | |||||
onReady: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面显示 | |||||
*/ | |||||
onShow: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面隐藏 | |||||
*/ | |||||
onHide: function () { | |||||
}, | |||||
/** | |||||
* 生命周期函数--监听页面卸载 | |||||
*/ | |||||
onUnload: function () { | |||||
}, | |||||
/** | |||||
* 页面相关事件处理函数--监听用户下拉动作 | |||||
*/ | |||||
onPullDownRefresh: function () { | |||||
}, | |||||
/** | |||||
* 页面上拉触底事件的处理函数 | |||||
*/ | |||||
onReachBottom: function () { | |||||
}, | |||||
/** | |||||
* 用户点击右上角分享 | |||||
*/ | |||||
onShareAppMessage: function () { | |||||
} | |||||
}) |
@ -0,0 +1,3 @@ | |||||
{ | |||||
"usingComponents": {} | |||||
} |
@ -0,0 +1,17 @@ | |||||
<!--Pages/HGBot/Whisper/received/total.wxml--> | |||||
<!--TODO: 从服务器中读取用户历史的悄悄话 css样式--> | |||||
<view class="list" style="display: block;" | |||||
wx:for="{{time.length}}"> | |||||
<view style="padding: 0;margin: 0;height: 25px;"></view> | |||||
{{time[item]}} | |||||
<view> | |||||
<textarea class="whisper">{{whisper}}</textarea> | |||||
<view style="padding: 0;margin: 0;height: 25px;"></view> | |||||
</view> | |||||
</view> | |||||
<view class="hg"> | |||||
<image mode="heightFix" src="../../../../asset/img/hangou1.png"></image> | |||||
</view> | |||||
<view class="ret" bindtap="ret">◀</view> |
@ -0,0 +1,30 @@ | |||||
/* Pages/HGBot/Whisper/received/total.wxss */ | |||||
.list{ | |||||
position: relative; | |||||
font-size: 22px; | |||||
left: 45px; | |||||
color: #000; | |||||
} | |||||
.whisper{ | |||||
position: relative; | |||||
font-size: 22px; | |||||
color: #000; | |||||
align-items: center; | |||||
background-color: #D8CAAF; | |||||
} | |||||
.hg{ | |||||
align-items: center; | |||||
justify-content: center; | |||||
text-align: center; | |||||
} | |||||
.ret{ | |||||
color:#7B8B6F; | |||||
font-size: 45px; | |||||
margin-left: 30px; | |||||
position: absolute; | |||||
bottom: 20px; | |||||
} |