lqq
6 years ago
68 changed files with 929 additions and 282 deletions
@ -1,35 +0,0 @@ |
|||
// pages/topics/common/goodIdea/cell/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
// ideaId: String,
|
|||
// articleImg: String,
|
|||
// userIcon: String,
|
|||
// userName: String,
|
|||
// time: String,
|
|||
// isGoodIdea:Number,
|
|||
// detail:{
|
|||
// type: Object
|
|||
// }
|
|||
itemData:Object |
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
onTap() { |
|||
console.log(this.properties) |
|||
// this.triggerEvent('clickListItem', { articleId: this.properties.articleId })
|
|||
} |
|||
} |
|||
}) |
|||
@ -1,102 +0,0 @@ |
|||
// pages/topics/common/goodIdea/index.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
list: [ |
|||
{ |
|||
ideaId: '1', |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
isGoodIdea:1, |
|||
praiseNum:"30", |
|||
detail:{ |
|||
title:"习近平主持政治局第十七次集体... 拷贝", |
|||
userIcon:"", |
|||
userName:"用户名", |
|||
time:"刚刚", |
|||
commentNum:"33", |
|||
text:"【内容以实际活动为准】市北区位于青岛市主城区地理位置的中心，西部濒临胶州湾，东部与崂山区为邻，北部与李沧区接壤，南部与市南区毗" |
|||
} |
|||
}, |
|||
{ |
|||
ideaId: "2", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
isGoodIdea: 0, |
|||
praiseNum: "30", |
|||
detail: { |
|||
title: "习近平主持政治局第十七次集体... 拷贝", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
commentNum: "33", |
|||
text: "市北区位于青岛市主城区地理位置的中心，西部濒临胶州湾，东部与崂山区为邻，北部与李沧区接壤，南部与市南区毗连，东西最大距离11. 拷贝 2" |
|||
} |
|||
} |
|||
] |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
clickListItem(e) { |
|||
console.log(e.detail) |
|||
} |
|||
}) |
|||
@ -1 +0,0 @@ |
|||
/* pages/topics/common/goodIdea/index.wxss */ |
|||
@ -1,98 +0,0 @@ |
|||
// pages/topics/common/interactive/index.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
list:[ |
|||
{ |
|||
articleId: '1', |
|||
title:"市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg:"asdsad", |
|||
userIcon:"", |
|||
userName:"用户名", |
|||
time:"刚刚", |
|||
commentNum:"33", |
|||
}, |
|||
{ |
|||
articleId: "2", |
|||
title: "《大众日报》市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg: "", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
}, |
|||
{ |
|||
articleId: "3", |
|||
title: "青岛医疗人工智能科技创新中心落户市北", |
|||
articleImg: "asdsadad", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
} |
|||
] |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
wx.showNavigationBarLoading(); |
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
}, |
|||
|
|||
clickListItem(e){ |
|||
console.log(e.detail) |
|||
} |
|||
}) |
|||
@ -1,7 +0,0 @@ |
|||
{ |
|||
"enablePullDownRefresh": true, |
|||
"backgroundTextStyle": "dark", |
|||
"usingComponents": { |
|||
"cell":"./cell/index" |
|||
} |
|||
} |
|||
@ -1 +0,0 @@ |
|||
/* pages/topics/common/interactive/index.wxss */ |
|||
|
Before Width: | Height: | Size: 9.2 KiB After Width: | Height: | Size: 9.2 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1,25 @@ |
|||
// pages/topics/common/goodIdea/cell/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
itemData:Object |
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
onTap() { |
|||
this.triggerEvent('clickListItem', { itemData: this.properties.itemData }) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,59 @@ |
|||
// pages/topics/goodIdea/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
list: [ |
|||
{ |
|||
ideaId: '1', |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
isGoodIdea: 1, |
|||
praiseNum: "30", |
|||
detail: { |
|||
title: "习近平主持政治局第十七次集体... 拷贝", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
commentNum: "33", |
|||
text: "【内容以实际活动为准】市北区位于青岛市主城区地理位置的中心，西部濒临胶州湾，东部与崂山区为邻，北部与李沧区接壤，南部与市南区毗" |
|||
} |
|||
}, |
|||
{ |
|||
ideaId: "2", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
isGoodIdea: 0, |
|||
praiseNum: "30", |
|||
detail: { |
|||
title: "习近平主持政治局第十七次集体... 拷贝", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
commentNum: "33", |
|||
text: "市北区位于青岛市主城区地理位置的中心，西部濒临胶州湾，东部与崂山区为邻，北部与李沧区接壤，南部与市南区毗连，东西最大距离11. 拷贝 2" |
|||
} |
|||
} |
|||
] |
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
clickListItem(e){ |
|||
const itemData = e.detail.itemData; |
|||
console.log(itemData); |
|||
} |
|||
} |
|||
}) |
|||
@ -1,4 +1,5 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"cell": "./cell/index" |
|||
} |
|||
@ -1,4 +1,4 @@ |
|||
<!--pages/topics/common/goodIdea/index.wxml--> |
|||
<!--pages/topics/goodIdea/index.wxml--> |
|||
<view class="container"> |
|||
<block wx:for="{{list}}" wx:key="*this"> |
|||
<cell |
|||
@ -0,0 +1 @@ |
|||
/* pages/topics/goodIdea/index.wxss */ |
|||
@ -1,8 +1,8 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"e-segment":"/components/segment/index", |
|||
"message": "./common/message/index", |
|||
"interactive": "./common/interactive/index", |
|||
"goodIdea": "./common/goodIdea/index" |
|||
"message": "./message/index", |
|||
"interactive": "./interactive/index", |
|||
"goodIdea": "./goodIdea/index" |
|||
} |
|||
} |
|||
|
Before Width: | Height: | Size: 76 KiB After Width: | Height: | Size: 76 KiB |
@ -0,0 +1,59 @@ |
|||
// pages/topics/interactive/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
list: [ |
|||
{ |
|||
articleId: '1', |
|||
title: "市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg: "asdsad", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
commentNum: "33", |
|||
}, |
|||
{ |
|||
articleId: "2", |
|||
title: "《大众日报》市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg: "", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
}, |
|||
{ |
|||
articleId: "3", |
|||
title: "青岛医疗人工智能科技创新中心落户市北", |
|||
articleImg: "asdsadad", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
} |
|||
] |
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
onTap(){ |
|||
wx.navigateTo({ |
|||
url: `/pages/topics/interactive/submitTopic/index`, |
|||
}) |
|||
}, |
|||
clickListItem(e) { |
|||
const articleId = e.detail.articleId; |
|||
console.log(articleId); |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"cell": "./cell/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
<!--pages/topics/interactive/index.wxml--> |
|||
<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 class="publish" bindtap="onTap"> |
|||
<image src="/images/topic/publish.png"></image> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,13 @@ |
|||
/* pages/topics/interactive/index.wxss */ |
|||
.publish{ |
|||
position: fixed; |
|||
width: 40px; |
|||
height: 40px; |
|||
right: 20px; |
|||
bottom: 40px; |
|||
} |
|||
|
|||
image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
@ -0,0 +1,65 @@ |
|||
// pages/topics/interactive/submitTopic/index.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"navigationBarTitleText": "新建议题", |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,9 @@ |
|||
<!--pages/topics/interactive/submitTopic/index.wxml--> |
|||
<view class="container"> |
|||
<input class="title" bindinput="bindTextInput" placeholder="议题"></input> |
|||
<view class="line-view"></view> |
|||
<textarea class="textArea" bindinput="bindTextAreaInput" placeholder="详情内容" /> |
|||
<view class="btnView"> |
|||
<button class="submitBtn" bindtap="submit">提交</button> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,35 @@ |
|||
/* pages/topics/interactive/submitTopic/index.wxss */ |
|||
.container{ |
|||
padding: 20px; |
|||
} |
|||
.title{ |
|||
font-size: 15px; |
|||
} |
|||
.textArea{ |
|||
font-size: 14px; |
|||
} |
|||
.line-view{ |
|||
height: 1px; |
|||
background-color: #F1F1F1; |
|||
margin: 10px 0 10px 0; |
|||
} |
|||
|
|||
.btnView{ |
|||
position: fixed; |
|||
width: 90%; |
|||
height: 45px; |
|||
bottom: 10px; |
|||
} |
|||
.submitBtn{ |
|||
/* background-image: url("/images/common/btn_bg.png"); */ |
|||
height: 45px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
color: white; |
|||
font-size: 14px; |
|||
background-image: linear-gradient( |
|||
to right, |
|||
#FD6553 30%, |
|||
#D70403 100% |
|||
); |
|||
} |
|||
@ -1,4 +1,6 @@ |
|||
{ |
|||
"navigationBarTitleText": "我的活动", |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"cell": "../myTopics/myParticipant/cell/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,14 @@ |
|||
<!--pages/user/common/myActivity/index.wxml--> |
|||
<text>pages/user/common/myActivity/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,4 +1,6 @@ |
|||
{ |
|||
"navigationBarTitleText": "我的收藏", |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"cell": "../myTopics/myParticipant/cell/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,14 @@ |
|||
<!--pages/user/common/myFavorite/index.wxml--> |
|||
<text>pages/user/common/myFavorite/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,4 +1,6 @@ |
|||
{ |
|||
"navigationBarTitleText": "我的金点子", |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"cell": "../../topics/goodIdea/cell/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,8 @@ |
|||
<!--pages/user/common/myIdea/index.wxml--> |
|||
<text>pages/user/common/myIdea/index.wxml</text> |
|||
<view class="container"> |
|||
<block wx:for="{{list}}" wx:key="*this"> |
|||
<cell |
|||
itemData="{{item}}" |
|||
bind:clickListItem="clickListItem"/> |
|||
</block> |
|||
</view> |
|||
|
|||
@ -0,0 +1,36 @@ |
|||
// pages/user/myMessage/cell/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
itemData: Object |
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
onTap() { |
|||
this.triggerEvent('clickListItem', { itemData: this.properties.itemData }) |
|||
}, |
|||
|
|||
msgType_level(level){ |
|||
switch (level){ |
|||
case 0: |
|||
return "活动消息"; |
|||
case 1: |
|||
return "消息提醒"; |
|||
case 2: |
|||
return "系统消息"; |
|||
} |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
} |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
<!--pages/user/myMessage/cell/index.wxml--> |
|||
<view class="cell" id="cell" bindtap="onTap"> |
|||
<view class="item-left"> |
|||
<image wx:if="{{itemData.msgType === 0}}" src="/images/user/activity_icon.png"></image> |
|||
<image wx:if="{{itemData.msgType === 1}}" src="/images/user/msg_icon.png"></image> |
|||
<image wx:if="{{itemData.msgType === 2}}" src="/images/user/system_icon.png"></image> |
|||
</view> |
|||
<view class="item-right"> |
|||
<view class="item-text"> |
|||
<view>{{itemData.msgName}}</view> |
|||
<view>{{itemData.title}}</view> |
|||
</view> |
|||
<view class="item-time">{{itemData.time}}</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,35 @@ |
|||
/* pages/user/myMessage/cell/index.wxss */ |
|||
.cell{ |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
padding: 5px 10px 5px 10px; |
|||
} |
|||
.item-left{ |
|||
width: 40px; |
|||
height: 40px; |
|||
} |
|||
image{ |
|||
width: 40px; |
|||
height: 40px; |
|||
} |
|||
.item-right{ |
|||
display: flex; |
|||
width: 100%; |
|||
flex-direction: row; |
|||
justify-content: space-between; |
|||
padding: 10px; |
|||
border-bottom: 1px solid #E7E7E7; |
|||
} |
|||
.item-text :first-child{ |
|||
font-size: 15px; |
|||
color: #171717; |
|||
} |
|||
.item-text :last-child{ |
|||
font-size: 13px; |
|||
color: #999999; |
|||
} |
|||
.item-time{ |
|||
font-size: 13px; |
|||
color: #ABABAB; |
|||
} |
|||
@ -1,4 +1,6 @@ |
|||
{ |
|||
"navigationBarTitleText": "我的消息", |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"cell": "./cell/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,8 @@ |
|||
<!--pages/user/common/myMessage/index.wxml--> |
|||
<text>pages/user/common/myMessage/index.wxml</text> |
|||
<view class="container"> |
|||
<block wx:for="{{list}}" wx:key="*this"> |
|||
<cell |
|||
itemData="{{item}}" |
|||
bind:clickListItem="clickListItem"/> |
|||
</block> |
|||
</view> |
|||
|
|||
@ -1,4 +1,8 @@ |
|||
{ |
|||
"navigationBarTitleText": "我的议题", |
|||
"usingComponents": {} |
|||
"usingComponents": { |
|||
"e-segment": "/components/segment/index", |
|||
"myParticipant": "./myParticipant/index", |
|||
"myRelease": "./myRelease/index" |
|||
} |
|||
} |
|||
@ -1,2 +1,6 @@ |
|||
<!--pages/user/common/myTopics/index.wxml--> |
|||
<text>pages/user/common/myTopics/index.wxml</text> |
|||
<view class="content-wrapper"> |
|||
<e-segment bind:tapSegment="tapSegment" headerTitles="{{headerTitles}}" defaultSelectIndex="{{selectedTitle}}"/> |
|||
<myParticipant wx:if="{{selectedTitle==0}}" /> |
|||
<myRelease wx:if="{{selectedTitle==1}}" /> |
|||
</view> |
|||
|
|||
|
After Width: | Height: | Size: 76 KiB |
@ -0,0 +1,35 @@ |
|||
// 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() { |
|||
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 class="image_icon" src="/images/common/com_count.png"></image> |
|||
</view> |
|||
<view class="commentNum">{{commentNum}}</view> |
|||
</view> |
|||
|
|||
</view> |
|||
</view> |
|||
<view class="right" wx:if="{{articleImg.length > 0}}"> |
|||
<image class="articleImg" src="./images/articleImg.png"></image> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,105 @@ |
|||
/* pages/topics/common/interactive/common/imageCell/index.wxss */ |
|||
.cell { |
|||
|
|||
display: flex; |
|||
flex-direction: row; |
|||
padding: 10px 20px; |
|||
box-sizing: border-box; |
|||
align-items: center; |
|||
position: relative; |
|||
} |
|||
.cell:after { |
|||
content: ""; |
|||
position: absolute; |
|||
bottom: 1px; |
|||
left: 20px; |
|||
right: 20px; |
|||
border-bottom: 1px solid #E7E7E7; |
|||
} |
|||
.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: #EEEEEE; |
|||
} |
|||
.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: 15px; |
|||
height: 12px; |
|||
line-height: 10px; |
|||
margin-right: 5px; |
|||
} |
|||
.image_icon { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.commentNum{ |
|||
font-size: 12px; |
|||
color: #3B3B3B; |
|||
} |
|||
.right{ |
|||
width: 30%; |
|||
height: 70px; |
|||
border-radius: 5px; |
|||
} |
|||
image{ |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
.articleImg{ |
|||
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; |
|||
} |
|||
@ -0,0 +1,54 @@ |
|||
// pages/user/myTopics/myParticipant/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
list: [ |
|||
{ |
|||
articleId: '1', |
|||
title: "市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg: "asdsad", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
commentNum: "33", |
|||
}, |
|||
{ |
|||
articleId: "2", |
|||
title: "《大众日报》市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg: "", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
}, |
|||
{ |
|||
articleId: "3", |
|||
title: "青岛医疗人工智能科技创新中心落户市北", |
|||
articleImg: "asdsadad", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
} |
|||
] |
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
clickListItem(e) { |
|||
const articleId = e.detail.articleId; |
|||
console.log(articleId); |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"cell": "./cell/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,14 @@ |
|||
<!--pages/user/myTopics/myParticipant/index.wxml--> |
|||
<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> |
|||
@ -0,0 +1 @@ |
|||
/* pages/user/myTopics/myParticipant/index.wxss */ |
|||
@ -0,0 +1,54 @@ |
|||
// pages/user/myTopics/myRelease/index.js
|
|||
Component({ |
|||
/** |
|||
* 组件的属性列表 |
|||
*/ |
|||
properties: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 组件的初始数据 |
|||
*/ |
|||
data: { |
|||
list: [ |
|||
{ |
|||
articleId: '1', |
|||
title: "市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg: "", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "刚刚", |
|||
commentNum: "33", |
|||
}, |
|||
{ |
|||
articleId: "2", |
|||
title: "《大众日报》市北区举行国际航运贸易金融创新中心核心区产业建设", |
|||
articleImg: "", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
}, |
|||
{ |
|||
articleId: "3", |
|||
title: "青岛医疗人工智能科技创新中心落户市北", |
|||
articleImg: "", |
|||
userIcon: "", |
|||
userName: "用户名", |
|||
time: "1分钟前", |
|||
commentNum: "33", |
|||
} |
|||
] |
|||
}, |
|||
|
|||
/** |
|||
* 组件的方法列表 |
|||
*/ |
|||
methods: { |
|||
clickListItem(e) { |
|||
const articleId = e.detail.articleId; |
|||
console.log(articleId); |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"cell": "../myParticipant/cell/index" |
|||
} |
|||
} |
|||
@ -1,4 +1,4 @@ |
|||
<!--pages/topics/common/interactive/index.wxml--> |
|||
<!--pages/user/myTopics/myRelease/index.wxml--> |
|||
<view class="container"> |
|||
<block wx:for="{{list}}" wx:key="*this"> |
|||
<cell |
|||
@ -0,0 +1 @@ |
|||
/* pages/user/myTopics/myRelease/index.wxss */ |
|||
Loading…
Reference in new issue