Acher
/
newEdition
1
0
Fork 0
Código Issues 0 Pull requests 0 Versões 0 Wiki Atividade
Ver código fonte

新增消息列表

ribao
jyt 2 anos atrás
pai
b82afb2827
commit
736e615f78
3 arquivos alterados com 240 adições e 1 exclusões
Visão dividida
Opções de diferenças
Mostrar estatísticas Baixar arquivo de patch Baixar arquivo de diferenças
  1. +10
    -1
      pages.json
  2. +9
    -0
      pages/index/personal.vue
  3. +221
    -0
      pages/mine/messageList.vue

+ 10
- 1
pages.json Ver arquivo

@@ -200,7 +200,16 @@
"navigationBarTextStyle": "black"
}
}
]
,{
"path" : "messageList",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
]
},
{
"root": "pages/learning", //学习


+ 9
- 0
pages/index/personal.vue Ver arquivo

@@ -15,6 +15,15 @@
</view>
</view>
<view class="settingGroup box">
<navigator class="line" url="/pages/mine/messageList">
<view class="title">
<!-- <image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image> -->
消息
</view>
<view class="right">
<image src="/static/images/arrow.png" style="width: 18rpx;height: 32rpx;" mode=""></image>
</view>
</navigator>
<navigator class="line" url="/pages/mine/Myprofile">
<view class="title">
<image src="/static/images/setting.png" style="width: 36rpx;height: 36rpx;" mode=""></image>


+ 221
- 0
pages/mine/messageList.vue Ver arquivo

@@ -0,0 +1,221 @@
<template>
<view class="message_list">
<u-tabs :list="list" :show-bar="false" :is-scroll="false" :current="current" @change="change"></u-tabs>
<view class="listMain">
<view class="systemList" v-if="current==0">
<view class="sysItem">
<image class="headpic" src="../../static/images/function1.png"></image>
<view class="right">
<view class="headInfo">
<view class="title">优秀案例</view>
<view class="info">恭喜你，你的接待记录被设为了优秀案例！</view>
</view>
<view class="content">
我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
</view>
<view class="time">
2021-01-12 12：23：01
</view>
</view>
</view>
<view class="sysItem">
<image class="headpic" src="../../static/images/function1.png"></image>
<view class="right">
<view class="headInfo">
<view class="title">优秀案例</view>
<view class="info">赞了你的接待</view>
</view>
<view class="content">
我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
</view>
<view class="time">
2021-01-12 12：23：01
</view>
</view>
</view>
<view class="sysItem">
<image class="headpic" src="../../static/images/function1.png"></image>
<view class="right">
<view class="headInfo">
<view class="title">优秀案例</view>
<view class="info">评价你：非常好，品牌价值观还需要补充</view>
</view>
<view class="content">
我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
</view>
<view class="time">
2021-01-12 12：23：01
</view>
</view>
</view>
<view class="sysItem">
<image class="headpic" src="../../static/images/function1.png"></image>
<view class="right">
<view class="headInfo">
<view class="title">优秀案例</view>
<view class="info">回复你：非常好，品牌价值观还需要补充</view>
</view>
<view class="content">
我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
</view>
<view class="time">
2021-01-12 12：23：01
</view>
</view>
</view>
<view class="sysItem">
<image class="headpic" src="../../static/images/function1.png"></image>
<view class="right">
<view class="headInfo">
<view class="title">优秀案例</view>
<view class="info">赞了你的接待</view>
</view>
<view class="content">
我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
</view>
<view class="time">
2021-01-12 12：23：01
</view>
</view>
</view>
<view class="sysItem">
<image class="headpic" src="../../static/images/function1.png"></image>
<view class="right">
<view class="headInfo">
<view class="title">优秀案例</view>
<view class="info">评价你：非常好，品牌价值观还需要补充</view>
</view>
<view class="content">
我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充我的评论：非常好，品牌价值观还需要补充
</view>
<view class="time">
2021-01-12 12：23：01
</view>
</view>
</view>
</view>
<view class="upgradeList" v-if="current==1">
<view class="upgradeItem">
<view class="notRead">
<!-- <view class="red"></view> -->
</view>
<view class="right">
<view class="title">智控管家（2022-01-22）升级公告</view>
<view class="time">2021-01-12 12：23：01</view>
</view>
</view>
<view class="upgradeItem">
<view class="notRead">
<view class="red"></view>
</view>
<view class="right">
<view class="title">智控管家（2022-01-11）升级公告</view>
<view class="time">2021-01-12 12：23：01</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
list: [{
name: '系统消息'
},{
name: `升级公告`,
count:20,
}],
current: 0
};
},
methods:{
change(index) {
this.current = index;
}
}
}
</script>
<style lang="scss">
.message_list{
.u-tab-item{
border: 0.5rpx solid #dedede;
}
.listMain{
margin-top: 20rpx;
.systemList{
.sysItem{
padding: 20rpx;
border: 1rpx solid #ccc;
display: flex;
margin: 16rpx 0;
.headpic{
width: 70rpx;
height: 70rpx;
border-radius: 100%;
margin-right: 30rpx;
}
.right{
.headInfo{
.title{
font-size: 32rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
}
.content{
width: 600rpx;
background: #e6e6e6;
padding: 10rpx;
margin: 14rpx 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.time{
color: #6f6f6f;
font-size: 24rpx;
}
}
}
}
.upgradeList{
.upgradeItem{
padding: 20rpx;
border: 1rpx solid #ccc;
margin: 16rpx 0;
display: flex;
.notRead{
width: 14rpx;
height: 14rpx;
margin-right: 20rpx;
margin-top: 16rpx;
.red{
background: #FF0000;
width: 100%;
height: 100%;
border-radius: 100%;
}
}
.right{
.title{
font-size: 32rpx;
font-weight: bold;
margin-bottom: 8rpx;
}
.time{
color: #6f6f6f;
font-size: 24rpx;
}
}
}
}
}
}
</style>

Escrever Pré-visualização
Carregando…
Cancelar
Salvar