Meimei
6 years ago
22 changed files with 459 additions and 153 deletions
|
After Width: | Height: | Size: 9.2 KiB |
@ -0,0 +1,34 @@ |
|||
// pages/topics/common/goodIdea/cell/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
ideaId: String, |
|||
articleImg: String, |
|||
userIcon: String, |
|||
userName: String, |
|||
time: String, |
|||
isGoodIdea:Number, |
|||
detail:{ |
|||
type: Object |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
onTap() { |
|||
console.log(this.properties) |
|||
// this.triggerEvent('clickListItem', { articleId: this.properties.articleId })
|
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,37 @@ |
|||
<!--pages/topics/common/goodIdea/cell/index.wxml--> |
|||
<view class="cell" id="cell" bindtap="onTap"> |
|||
<view class="content-left"> |
|||
<image src=""></image> |
|||
</view> |
|||
<view class="content-right"> |
|||
<view class="userInfo"> |
|||
<view class="userName">{{userName}}</view> |
|||
<view class="comment-time">刚刚</view> |
|||
<view class="goodIdeaIcon" wx:if="{{isGoodIdea === 1}}"> |
|||
<image style="width:100%;height:100%;" src="./images/goodIdea.png"></image> |
|||
</view> |
|||
</view> |
|||
<view style="color:#3B3B3B;font-size:14px;padding: 0 0 5px 0;">评论内容</view> |
|||
<view class="detail"> |
|||
<view class="detail-title">{{detail.title}}</view> |
|||
<view class="detail-userInfo"> |
|||
|
|||
<view class="detail-userInfo-left"> |
|||
<view class="detail-user-icon"> |
|||
<image src="{{userIcon}}"></image> |
|||
</view> |
|||
<view class="detail-userName">{{detail.userName}}</view> |
|||
<view class="detail-time">{{detail.time}}</view> |
|||
</view> |
|||
|
|||
<view class="detail-userInfo-right"> |
|||
<view class="detail-comments-icon"> |
|||
<image src=""></image> |
|||
</view> |
|||
<view class="detail-commentNum">{{detail.commentNum}}</view> |
|||
</view> |
|||
<view class="detail-text">{{detail.text}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,96 @@ |
|||
/* pages/topics/common/goodIdea/cell/index.wxss */ |
|||
.cell{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
padding: 10px; |
|||
} |
|||
.content-left{ |
|||
width: 20px; |
|||
height: 20px; |
|||
border-radius: 50%; |
|||
background-color: red; |
|||
} |
|||
.content-right{ |
|||
width: 100%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
padding: 0 10px 0 10px; |
|||
} |
|||
.userInfo{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
padding: 0 0 5px 0; |
|||
} |
|||
.userName{ |
|||
color: #66708B; |
|||
font-size: 14px; |
|||
} |
|||
.goodIdeaIcon{ |
|||
width: 30px; |
|||
height: 15px; |
|||
line-height: 10px; |
|||
} |
|||
.comment-time{ |
|||
margin: 0 5px 0 5px; |
|||
font-size: 12px; |
|||
line-height: 12px; |
|||
color: #D4D4D4; |
|||
} |
|||
.detail{ |
|||
height: 200px; |
|||
border-radius: 10px; |
|||
background-color: #F8F8F8; |
|||
} |
|||
.detail-title{ |
|||
padding: 10px; |
|||
} |
|||
|
|||
.detail-userInfo{ |
|||
display: flex; |
|||
flex: row; |
|||
justify-content: space-between; |
|||
padding: 10px; |
|||
} |
|||
.detail-userInfo-left{ |
|||
display: flex; |
|||
flex: row; |
|||
align-items: center; |
|||
} |
|||
.detail-user-icon{ |
|||
width: 20px; |
|||
height: 20px; |
|||
border-radius: 50%; |
|||
background-color: red; |
|||
} |
|||
.detail-userName{ |
|||
margin: 0 5px 0 5px; |
|||
font-size: 12px; |
|||
color: #3B3B3B; |
|||
} |
|||
.detail-time { |
|||
font-size: 12px; |
|||
line-height: 12px; |
|||
color: #D4D4D4; |
|||
} |
|||
.detail-userInfo-right{ |
|||
display: flex; |
|||
flex: row; |
|||
align-items: center; |
|||
margin-right: 10px; |
|||
} |
|||
.detail-comments-icon{ |
|||
width: 20px; |
|||
height: 15px; |
|||
margin-right: 5px; |
|||
border-radius: 5px; |
|||
background-color: red; |
|||
} |
|||
.detail-commentNum{ |
|||
font-size: 12px; |
|||
color: #3B3B3B; |
|||
} |
|||
.detail-text{ |
|||
color: #373737; |
|||
|
|||
} |
|||
@ -1,3 +1,5 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"cell": "./cell/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,13 @@ |
|||
<!--pages/topics/common/goodIdea/index.wxml--> |
|||
<text>pages/topics/common/goodIdea/index.wxml</text> |
|||
<view class="container"> |
|||
<block wx:for="{{list}}" wx:key="*this"> |
|||
<cell |
|||
ideaId="{{item.ideaId}}" |
|||
userName="{{item.userName}}" |
|||
time="{{item.time}}" |
|||
userIcon="{{item.userIcon}}" |
|||
isGoodIdea="{{item.isGoodIdea}}" |
|||
deital="{{item.detail}}" |
|||
bind:clickListItem="clickListItem"/> |
|||
</block> |
|||
</view> |
|||
|
|||
|
After Width: | Height: | Size: 76 KiB |
@ -0,0 +1,36 @@ |
|||
// pages/topics/common/interactive/common/imageCell/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
articleId: String, |
|||
title: String, |
|||
articleImg:String, |
|||
userIcon:String, |
|||
userName:String, |
|||
time: String, |
|||
commentNum: String, |
|||
showTop: { |
|||
type: Boolean, |
|||
value: false, |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
onTap() { |
|||
console.log(this.properties) |
|||
this.triggerEvent('clickListItem', { articleId: this.properties.articleId }) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,29 @@ |
|||
<!--pages/topics/common/interactive/common/imageCell/index.wxml--> |
|||
<view class="cell" id="cell" bindtap="onTap"> |
|||
<view class="left {{articleImg === '' ? 'leftActive' : ''}}"> |
|||
<view class="left-top"> |
|||
<view class="cell_title">{{title}}</view> |
|||
</view> |
|||
<view class="left-bottom"> |
|||
|
|||
<view class="left-bottom-userInfo"> |
|||
<view class="user-icon"> |
|||
<image src="{{userIcon}}"></image> |
|||
</view> |
|||
<view class="userName">{{userName}}</view> |
|||
<view class="cell_info_meta">{{time}}</view> |
|||
</view> |
|||
|
|||
<view class="left-bottom-comments"> |
|||
<view class="comments-icon"> |
|||
<image src=""></image> |
|||
</view> |
|||
<view class="commentNum">{{commentNum}}</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="right" wx:if="{{articleImg.length > 0}}"> |
|||
<image src="./images/articleImg.png"></image> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,88 @@ |
|||
/* pages/topics/common/interactive/common/imageCell/index.wxss */ |
|||
.cell { |
|||
border-bottom: 1px solid #E7E7E7; |
|||
display: flex; |
|||
flex-direction: row; |
|||
padding: 10px 20px; |
|||
align-items: center; |
|||
} |
|||
.left{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 70%; |
|||
} |
|||
.leftActive{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 100%; |
|||
} |
|||
.left-bottom{ |
|||
display: flex; |
|||
flex: row; |
|||
justify-content: space-between; |
|||
} |
|||
.left-bottom-userInfo{ |
|||
display: flex; |
|||
flex: row; |
|||
align-items: center; |
|||
} |
|||
.user-icon{ |
|||
width: 20px; |
|||
height: 20px; |
|||
border-radius: 50%; |
|||
background-color: red; |
|||
} |
|||
.userName{ |
|||
margin: 0 5px 0 5px; |
|||
font-size: 12px; |
|||
color: #3B3B3B; |
|||
} |
|||
.left-bottom-comments{ |
|||
display: flex; |
|||
flex: row; |
|||
align-items: center; |
|||
margin-right: 10px; |
|||
} |
|||
.comments-icon{ |
|||
width: 20px; |
|||
height: 15px; |
|||
margin-right: 5px; |
|||
border-radius: 5px; |
|||
background-color: red; |
|||
} |
|||
.commentNum{ |
|||
font-size: 12px; |
|||
color: #3B3B3B; |
|||
} |
|||
.right{ |
|||
width: 30%; |
|||
height: 70px; |
|||
border-radius: 5px; |
|||
} |
|||
image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
border-radius: 5px; |
|||
} |
|||
.cell_title { |
|||
font-weight: 300; |
|||
font-size: 17px; |
|||
color: #000; |
|||
} |
|||
.cell_title_selected { |
|||
color: #9C9C9C; |
|||
} |
|||
.cell_info_meta { |
|||
padding-top: 10rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
font-size: 12px; |
|||
line-height: 12px; |
|||
color: #D4D4D4; |
|||
} |
|||
.cell_info_top { |
|||
padding: 0 10px; |
|||
width: 20px; |
|||
height: 12px; |
|||
} |
|||
@ -1,3 +1,7 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
"enablePullDownRefresh": true, |
|||
"backgroundTextStyle": "dark", |
|||
"usingComponents": { |
|||
"cell":"./cell/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,14 @@ |
|||
<!--pages/topics/common/interactive/index.wxml--> |
|||
<text>pages/topics/common/interactive/index.wxml</text> |
|||
<view class="container"> |
|||
<block wx:for="{{list}}" wx:key="*this"> |
|||
<cell |
|||
articleId="{{item.articleId}}" |
|||
title="{{item.title}}" |
|||
articleImg="{{item.articleImg}}" |
|||
userName="{{item.userName}}" |
|||
time="{{item.time}}" |
|||
commentNum="{{item.commentNum}}" |
|||
showTop="{{item.showTop}}" |
|||
bind:clickListItem="clickListItem"/> |
|||
</block> |
|||
</view> |
|||
|
|||
@ -1,75 +1,30 @@ |
|||
// pages/topics/common/message/index.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
textAreaString:"" |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
Component({ |
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
* 组件的属性列表 |
|||
*/ |
|||
onShow: function () { |
|||
properties: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
* 组件的初始数据 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
data: { |
|||
textAreaString:"" |
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
* 组件的方法列表 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
|
|||
bindTextAreaInput(e){ |
|||
this.setData({ |
|||
textAreaString:e.detail.value |
|||
}) |
|||
}, |
|||
submit(){ |
|||
console.log(this.data.textAreaString) |
|||
methods: { |
|||
bindTextAreaInput(e) { |
|||
this.setData({ |
|||
textAreaString: e.detail.value |
|||
}) |
|||
}, |
|||
submit() { |
|||
console.log(this.data.textAreaString) |
|||
} |
|||
} |
|||
}) |
|||
@ -1,3 +1,4 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": {} |
|||
} |
|||
@ -1,8 +1,8 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"e-segment":"/components/segment/index", |
|||
"message": "./common/message/index", |
|||
"interactive": "./common/interactive/index", |
|||
"goodIdea":"./common/goodIdea/index", |
|||
"message": "./common/message/index" |
|||
|
|||
"goodIdea": "./common/goodIdea/index" |
|||
} |
|||
} |
|||
@ -1,56 +1 @@ |
|||
/* pages/topics/index.wxss */ |
|||
.header-titles { |
|||
height: 36px; |
|||
display: flex; |
|||
/* justify-content: space-around; */ |
|||
padding: 5px; |
|||
} |
|||
.title { |
|||
width: 150rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #999999; |
|||
font-size: 14px; |
|||
margin-top: 5px; |
|||
} |
|||
.item-title{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
} |
|||
.title-selected { |
|||
font-size: 16px; |
|||
color: #292E3E; |
|||
} |
|||
.select-line{ |
|||
margin-top: 5px; |
|||
width: 10px; |
|||
height: 2px; |
|||
border-radius: 5px; |
|||
background-color: #FA4646; |
|||
} |
|||
.page { |
|||
width: 100%; |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 90rpx; |
|||
color: white; |
|||
} |
|||
.bc_Yellow { |
|||
background-color: yellow; |
|||
} |
|||
.bc_Orange { |
|||
background-color: orange; |
|||
} |
|||
.bc_Green { |
|||
background-color: green; |
|||
} |
|||
.bc_Blue { |
|||
background-color: blue; |
|||
} |
|||
.bc_Purple { |
|||
background-color: purple; |
|||
} |
|||
Loading…
Reference in new issue