Bläddra i källkod

新增消息列表

dev
jyt 2 år sedan
förälder
incheckning
cb1ec77462
5 ändrade filer med 276 tillägg och 23 borttagningar
  1. +11
    -2
      pages.json
  2. +17
    -1
      pages/index/personal.vue
  3. +19
    -19
      pages/mine/details2.vue
  4. +221
    -0
      pages/mine/messageList.vue
  5. +8
    -1
      uview-ui/components/u-tabs/u-tabs.vue

+ 11
- 2
pages.json Visa fil

@@ -206,8 +206,17 @@
"navigationBarBackgroundColor": "#FFFFFF",
"navigationBarTextStyle": "black"
}
}
]
},
{
"path" : "messageList",
"style" :{
"navigationBarTitleText": "消息",
"navigationBarBackgroundColor": "#2671E2",
"navigationBarTextStyle": "white"
}
}
]
},
{
"root": "pages/learning",//学习


+ 17
- 1
pages/index/personal.vue Visa fil

@@ -1,6 +1,5 @@
<template>
<view class="main">

<view class="backTop"></view>
<!-- 头部开始 -->
<view class="header box">
@@ -15,6 +14,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/subscribe">
<view class="title">
<image src="/static/images/studyhot.png" style="width: 36rpx;height: 36rpx;" mode=""></image>
@@ -73,6 +81,14 @@
export default {
data() {
return {
tabList: [
{
name: '系统消息'
},
{
name: '升级公告'
},
],
name: "",
photo: "",
mobile: "",


+ 19
- 19
pages/mine/details2.vue Visa fil

@@ -1209,7 +1209,7 @@
this.date = res[0].receptionTime;

this.getCorpusAnalysis(info);
// this.creatAudio()
this.creatAudio()
} else {
this.luyinList = res;
this.recordPath = res[0].recordPath
@@ -1218,7 +1218,7 @@
this.date = res[0].receptionTime;

this.getCorpusAnalysis(info);
// this.creatAudio()
this.creatAudio()
}
}
})
@@ -1770,24 +1770,24 @@
})
},
//录音实例
// creatAudio() {
// this.innerAudioContext = uni.createInnerAudioContext();
// if (uni.getStorageSync('entrance') == 1) {
// this.innerAudioContext.autoplay = false;
// } else {
// this.innerAudioContext.autoplay = true;
// }
creatAudio() {
this.innerAudioContext = uni.createInnerAudioContext();
if (uni.getStorageSync('entrance') == 1) {
this.innerAudioContext.autoplay = false;
} else {
this.innerAudioContext.autoplay = true;
}

// this.innerAudioContext.src = this.recordPath;
// this.innerAudioContext.title = '音频';
// this.onPlay()
// this.onPause()
// this.onCanplay()
// this.onEnded()
// this.onSeeking()
// this.onSeeked()
// this.TimeUpdate()
// },
this.innerAudioContext.src = this.recordPath;
this.innerAudioContext.title = '音频';
// this.onPlay()
// this.onPause()
// this.onCanplay()
// this.onEnded()
// this.onSeeking()
// this.onSeeked()
// this.TimeUpdate()
},
formatTime(num) {
//格式化时间格式
num = num.toFixed(0);


+ 221
- 0
pages/mine/messageList.vue Visa fil

@@ -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>

+ 8
- 1
uview-ui/components/u-tabs/u-tabs.vue Visa fil

@@ -9,7 +9,11 @@
<view class="u-tab-item" :id="'u-tab-item-' + index" v-for="(item, index) in list" :key="index" @tap="clickTab(index)"
:style="[tabItemStyle(index)]">
{{ item[name] || item['name']}}
<block v-if="item.count!=undefined">
<text class="count">{{item.count}}</text>
</block>
</view>
<view v-if="showBar" class="u-tab-bar" :style="[tabBarStyle]"></view>
</view>
</scroll-view>
@@ -288,7 +292,10 @@
scroll-view {
box-sizing: border-box;
}

.count{
color: red;
margin-left: 12rpx;
}
::-webkit-scrollbar,
::-webkit-scrollbar,
::-webkit-scrollbar {


Laddar…
Avbryt
Spara