Skip to content

Commit

Permalink
Merge pull request #317 from 351655914/master
Browse files Browse the repository at this point in the history
#3 #38 第3次实验代码
  • Loading branch information
zengsn authored Nov 15, 2017
2 parents 475e668 + 29a3999 commit 87be517
Show file tree
Hide file tree
Showing 3 changed files with 144 additions and 39 deletions.
126 changes: 118 additions & 8 deletions 1514080901116/pages/index/index.js
Original file line number Diff line number Diff line change
@@ -1,12 +1,122 @@
// pages/demo/scrollView.js
var base64 = require("../images/base64");
Page({
onLoad: function(){
this.setData({
icon20: base64.icon20,
icon60: base64.icon60

/**
* 页面的初始数据
*/
data: {
session: []
},

/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var that = this
// 设置窗口大小
wx.getSystemInfo({
success: (res) => {
that.setData({
windowHeight: res.windowHeight - 5,
windowWidth: res.windowWidth
})
},
inputChange: function (e) {
this.data.inputValue = e.detail.value;
}
//console.dir(that.data.windowHeight)
}
})
this.setData({
icon20: base64.icon20,
icon60: base64.icon60
})
that.setData({
sessions: [{
name: "",
msg: "你孤单的时候想干嘛?喝汽水,因为当你孤单你会想起谁(汽水)。"
}, {
name: "",
msg: "我曾经得过精神分裂症,但现在我们已经康复了。"
}, {
name: "",
msg: "你孤单的时候想干嘛?喝汽水,因为当你孤单你会想起谁(汽水)。"
}, {
name: "",
msg: "我曾经得过精神分裂症,但现在我们已经康复了。"
}, {
name: "",
msg: "你孤单的时候想干嘛?喝汽水,因为当你孤单你会想起谁(汽水)。"
}, {
name: "",
msg: "我曾经得过精神分裂症,但现在我们已经康复了。"
}]
})
},

/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {

},

/**
* 生命周期函数--监听页面显示
*/
onShow: function () {

},

/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {

},

/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {

},

/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {

},

/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {

},

/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {

},

onEnd: function (e) {
console.dir(e)
var that = this;
that.setData({
//isLower: true,
sessions: that.data.sessions.concat([{
name: "",
msg: "你孤单的时候想干嘛?喝汽水,因为当你孤单你会想起谁(汽水)。"
}, {
name: "",
msg: "我曾经得过精神分裂症,但现在我们已经康复了。"
}])
})

},

onScroll: function () {
console.dir("onScroll");
}
})
47 changes: 21 additions & 26 deletions 1514080901116/pages/index/index.wxml
Original file line number Diff line number Diff line change
@@ -1,17 +1,19 @@
<view class="page">
<!--pages/demo/scrollView.wxml-->
<scroll-view class="page" scroll-y="true" style="height:{{windowHeight}}px;" bindscrolltolower="onEnd" bindscroll="onScroll">
<view class="content" scroll-y="false">
<view class="search-bar">
<icon class="weui-icon-search_in-box" type="search" size="14"></icon>
<input placeholder="请输入关键词" bindchange="inputChange"/>
<button type="primary">查询</button>
</view>
</view>
</view>
<view class="page__bd">
<view class="weui-panel weui-panel_access">
<view class="weui-panel__hd"></view>
<view class="weui-panel__bd">
<navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
<navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
<view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
<image class="weui-media-box__thumb" src="{{icon60}}" />
<image class="weui-media-box__thumb" src="{{icon20}}" />
</view>
<view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
<view class="weui-media-box__title">幽默故事会</view>
Expand All @@ -27,33 +29,26 @@
<view class="weui-media-box__desc"></view>
</view>
</navigator>
</view>
<view class="weui-panel__ft">
<view class="weui-cell weui-cell_access weui-cell_link">
<view class="weui-cell__bd">查看更多</view>
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
</view>
</view>
</view>
<view class="weui-panel weui-panel_access">

<view class="weui-panel__bd">
<view class="weui-media-box weui-media-box_text">
<view class="weui-media-box__title weui-media-box__title_in-text">段子一</view>
<view class="weui-media-box__desc">你孤单的时候想干嘛?喝汽水,因为当你孤单你会想起谁(汽水)。</view>
</view>
<view class="weui-media-box weui-media-box_text">
<view class="weui-media-box__title weui-media-box__title_in-text">段子二</view>
<view class="weui-media-box__desc">我曾经得过精神分裂症,但现在我们已经康复了。</view>
</view>
</view>
<view class="weui-panel__ft">
<view class="weui-cell weui-cell_access weui-cell_link">
<view class="weui-cell__bd">查看更多</view>
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
</view>
<navigator url="" wx:for="{{sessions}}" wx:key="name" class="weui-media-box weui-media-box_appmsg" hover-class="">
<view class="weui-media-box weui-media-box_text">
<view class="weui-media-box__title">段子{{index+1}} {{item.name}}</view>
<view class="weui-media-box__desc">{{item.msg}}</view>
</view>
</navigator>
</view>
</view>
</view>
<view class="weui-loadmore" wx:if="{{isLower}}">
<view class="weui-loading"></view>
<view class="weui-loadmore__tips">正在加载</view>
</view>
<view class="weui-loadmore weui-loadmore_line" wx:if="{{isEnd}}">
<view class="weui-loadmore__tips weui-loadmore__tips_in-line">暂无数据</view>
</view>
</view>
</view>
</view>
</scroll-view>
10 changes: 5 additions & 5 deletions 1514080901116/pages/index/index.wxss
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
height: auto;
}

.search-bar {
Expand All @@ -13,7 +13,7 @@
height: 70rpx;
line-height: 70rpx;
width: 140rpx;
position: fixed;
position: absolute;
top: 20rpx;
left: 585rpx;
font-size: 30rpx;
Expand All @@ -28,16 +28,16 @@
margin-top: 20rpx;
/*text-indent: 70rpx;*/
margin-bottom: 15rpx;
position: fixed;
position: absolute;
top: 0;
left: 25rpx;
padding-left: 70rpx;
}


.weui-icon-search_in-box{
position: absolute;
top: 40rpx;
left: 40rpx;
z-index: 1;
}
}

0 comments on commit 87be517

Please sign in to comment.