修改 app问题

This commit is contained in:
GGJ
2024-09-23 08:50:16 +08:00
parent 1dbecd890f
commit 56a2db2b48
9 changed files with 635 additions and 542 deletions

View File

@@ -1,4 +1,4 @@
// export const MQTT_IP = '192.168.1.18:8083/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt // export const MQTT_IP = '192.168.1.24:10215/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
export const MQTT_IP = 'pqmcn.com:8085/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt export const MQTT_IP = 'pqmcn.com:8085/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
const MQTT_USERNAME = 't_user'//mqtt用户名 const MQTT_USERNAME = 't_user'//mqtt用户名

View File

@@ -2,8 +2,8 @@
"name" : "灿能物联", "name" : "灿能物联",
"appid" : "__UNI__88BC25B", "appid" : "__UNI__88BC25B",
"description" : "", "description" : "",
"versionName" : "1.6.0", "versionName" : "1.6.1",
"versionCode" : 160, "versionCode" : 161,
"transformPx" : false, "transformPx" : false,
/* 5+App */ /* 5+App */
"app-plus" : { "app-plus" : {

View File

@@ -88,7 +88,7 @@ export default {
onNavigationBarButtonTap(e) { onNavigationBarButtonTap(e) {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '确定要全部标记为已读吗1', content: '确定要全部标记为已读吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
updateStatus({ updateStatus({

View File

@@ -175,7 +175,7 @@ export default {
if (messagePage) { if (messagePage) {
uni.setTabBarBadge({ uni.setTabBarBadge({
index: 1, index: 1,
text: messagePage ? messagePage + '' : '', text:messagePage ? (messagePage > 99 ? '99+' : messagePage + '') : '',
}) })
} else { } else {
uni.removeTabBarBadge({ uni.removeTabBarBadge({
@@ -215,7 +215,7 @@ export default {
// #endif // #endif
}, 1000) }, 1000)
} }
this.timer = setInterval(this.getDevCount, 1000 *60) // 定时请求 this.timer = setInterval(this.getDevCount, 1000 * 60) // 定时请求
this.store = this.DataSource('/cs-device-boot/EquipmentDelivery/queryEquipmentByProject') this.store = this.DataSource('/cs-device-boot/EquipmentDelivery/queryEquipmentByProject')
// #ifdef APP-PLUS // #ifdef APP-PLUS
setTimeout(() => { setTimeout(() => {

View File

@@ -30,6 +30,7 @@
</template> </template>
<script> <script>
import { getDevCount } from '../../common/api/device.js'
export default { export default {
data() { data() {
return { return {
@@ -37,8 +38,10 @@ export default {
userInfo: {}, userInfo: {},
messageCount: {}, messageCount: {},
timer: null, timer: null,
devCount: {},
} }
}, },
methods: { methods: {
init() { init() {
this.userInfo = uni.getStorageSync('userInfo') this.userInfo = uni.getStorageSync('userInfo')
@@ -76,10 +79,58 @@ export default {
break break
} }
}, },
getDevCount() {
if (uni.getStorageSync('projectList')[1] != undefined) {
getDevCount(uni.getStorageSync('projectList')[1].engineeringId).then((res) => {
this.devCount = res.data
this.devCount.currentOffLineDevs.forEach((item) => {
item.runStatus = 1
})
this.devCount.offLineDevs.forEach((item) => {
item.runStatus = 1
})
uni.setStorage({
key: this.$cacheKey.messageCount,
data: this.devCount,
})
let messagePage =
this.devCount.runCount +
this.devCount.eventCount +
this.devCount.alarmCount +
this.devCount.harmonicCount
let minePage = this.devCount.feedBackCount
if (messagePage) {
uni.setTabBarBadge({
index: 1,
text:messagePage ? (messagePage > 99 ? '99+' : messagePage + '') : '',
})
} else {
uni.removeTabBarBadge({
index: 1,
})
}
if (minePage) {
uni.setTabBarBadge({
index: 2,
text: minePage + '',
})
} else {
uni.removeTabBarBadge({
index: 2,
})
}
// #ifdef APP-PLUS
plus.runtime.setBadgeNumber(messagePage + minePage)
// #endif
})
}
},
}, },
onLoad(options) {}, onLoad(options) {},
onShow() { onShow() {
this.init() this.init()
this.getDevCount()
this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {} this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {}
this.timer = setInterval(() => { this.timer = setInterval(() => {
this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {} this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {}

View File

@@ -84,11 +84,11 @@ export default {
} }
this.init() this.init()
}, },
onShow() {}, // onShow() { this.init()},
onNavigationBarButtonTap(e) { onNavigationBarButtonTap(e) {
uni.showModal({ uni.showModal({
title: '提示', title: '提示',
content: '确定要全部标记为已读吗2', content: '确定要全部标记为已读吗?',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
updateStatus({ updateStatus({
@@ -136,8 +136,13 @@ export default {
this.store.reload() this.store.reload()
}, },
jump(item) { jump(item) {
console.log(`123`,item);
console.log(`123`,this.type);
if (this.type === '0') { if (this.type === '0') {
let str = JSON.stringify(item).replace(/%/g, '百分比') let str = JSON.stringify(item).replace(/%/g, '百分比')
item.status = '1'
uni.navigateTo({ url: '/pages/message/messageDetail?detail=' + encodeURIComponent(str) }) uni.navigateTo({ url: '/pages/message/messageDetail?detail=' + encodeURIComponent(str) })
} else { } else {
if (item.status != '1') { if (item.status != '1') {

View File

@@ -4,7 +4,7 @@
<view class="about"> <view class="about">
<image src="/static/logo.png" class="logo"></image> <image src="/static/logo.png" class="logo"></image>
<view class="name">灿能物联</view> <view class="name">灿能物联</view>
<view class="version">Version 1.6.0</view> <view class="version">Version 1.6.1</view>
</view> </view>
</view> </view>
</Cn-page> </Cn-page>

View File

@@ -2,38 +2,72 @@
<!-- #ifdef APP-NVUE --> <!-- #ifdef APP-NVUE -->
<cell> <cell>
<!-- #endif --> <!-- #endif -->
<view :hover-class="!clickable && !link ? '' : 'uni-list-chat--hover'" class="uni-list-chat" @click.stop="onClick"> <view
:hover-class="!clickable && !link ? '' : 'uni-list-chat--hover'"
class="uni-list-chat"
@click.stop="onClick"
>
<view :class="{ 'uni-list--border': border, 'uni-list-chat--first': isFirstChild }"></view> <view :class="{ 'uni-list--border': border, 'uni-list-chat--first': isFirstChild }"></view>
<view class="uni-list-chat__container"> <view class="uni-list-chat__container">
<view class="uni-list-chat__header-warp"> <view class="uni-list-chat__header-warp">
<view v-if="avatarCircle || avatarList.length === 0" class="uni-list-chat__header" :class="{ 'header--circle': avatarCircle }"> <view
<image class="uni-list-chat__header-image" :class="{ 'header--circle': avatarCircle }" :src="avatarUrl" mode="aspectFill"></image> v-if="avatarCircle || avatarList.length === 0"
class="uni-list-chat__header"
:class="{ 'header--circle': avatarCircle }"
>
<image
class="uni-list-chat__header-image"
:class="{ 'header--circle': avatarCircle }"
:src="avatarUrl"
mode="aspectFill"
></image>
</view> </view>
<!-- 头像组 --> <!-- 头像组 -->
<view v-else class="uni-list-chat__header"> <view v-else class="uni-list-chat__header">
<view v-for="(item, index) in avatarList" :key="index" class="uni-list-chat__header-box" :class="computedAvatar" <view
:style="{ width: imageWidth + 'px', height: imageWidth + 'px' }"> v-for="(item, index) in avatarList"
<image class="uni-list-chat__header-image" :style="{ width: imageWidth + 'px', height: imageWidth + 'px' }" :src="item.url" :key="index"
mode="aspectFill"></image> class="uni-list-chat__header-box"
:class="computedAvatar"
:style="{ width: imageWidth + 'px', height: imageWidth + 'px' }"
>
<image
class="uni-list-chat__header-image"
:style="{ width: imageWidth + 'px', height: imageWidth + 'px' }"
:src="item.url"
mode="aspectFill"
></image>
</view> </view>
</view> </view>
</view> </view>
<view v-if="badgeText && badgePositon === 'left'" class="uni-list-chat__badge uni-list-chat__badge-pos" :class="[isSingle]"> <view
v-if="badgeText && badgePositon === 'left'"
class="uni-list-chat__badge uni-list-chat__badge-pos"
:class="[isSingle]"
>
<text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text> <text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
</view> </view>
<view class="uni-list-chat__content"> <view class="uni-list-chat__content">
<view class="uni-list-chat__content-main"> <view class="uni-list-chat__content-main">
<text class="uni-list-chat__content-title uni-ellipsis">{{ title }}</text> <text class="uni-list-chat__content-title uni-ellipsis">{{ title }}</text>
<view style="flex-direction: row;"> <view style="flex-direction: row">
<text class="draft" v-if="isDraft">[草稿]</text> <text class="draft" v-if="isDraft">[草稿]</text>
<text class="uni-list-chat__content-note uni-ellipsis">{{isDraft?note.slice(14,-1):note}}</text> <text class="uni-list-chat__content-note uni-ellipsis">{{
isDraft ? note.slice(14, -1) : note
}}</text>
</view> </view>
</view> </view>
<view class="uni-list-chat__content-extra"> <view class="uni-list-chat__content-extra">
<slot> <slot>
<text class="uni-list-chat__content-extra-text">{{ time }}</text> <text class="uni-list-chat__content-extra-text">{{ time }}</text>
<view v-if="badgeText && badgePositon === 'right'" class="uni-list-chat__badge" :class="[isSingle, badgePositon === 'right' ? 'uni-list-chat--right' : '']"> <view
<text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text> v-if="badgeText && badgePositon === 'right'"
class="uni-list-chat__badge"
:class="[isSingle, badgePositon === 'right' ? 'uni-list-chat--right' : '']"
>
<text class="uni-list-chat__badge-text">{{
badgeText === 'dot' ? '' : badgeText
}}</text>
</view> </view>
</slot> </slot>
</view> </view>
@@ -46,10 +80,10 @@
</template> </template>
<script> <script>
// 头像大小 // 头像大小
const avatarWidth = 45; const avatarWidth = 45
/** /**
* ListChat 聊天列表 * ListChat 聊天列表
* @description 聊天列表,用于创建聊天类列表 * @description 聊天列表,用于创建聊天类列表
* @tutorial https://ext.dcloud.net.cn/plugin?id=24 * @tutorial https://ext.dcloud.net.cn/plugin?id=24
@@ -71,105 +105,107 @@
* @property {Array} avatarList 头像组,格式为 [{url:''}] * @property {Array} avatarList 头像组,格式为 [{url:''}]
* @event {Function} click 点击 uniListChat 触发事件 * @event {Function} click 点击 uniListChat 触发事件
*/ */
export default { export default {
name: 'UniListChat', name: 'UniListChat',
emits:['click'], emits: ['click'],
props: { props: {
title: { title: {
type: String, type: String,
default: '' default: '',
}, },
note: { note: {
type: String, type: String,
default: '' default: '',
}, },
clickable: { clickable: {
type: Boolean, type: Boolean,
default: false default: false,
}, },
link: { link: {
type: [Boolean, String], type: [Boolean, String],
default: false default: false,
}, },
to: { to: {
type: String, type: String,
default: '' default: '',
}, },
badgeText: { badgeText: {
type: [String, Number], type: [String, Number],
default: '' default: '',
}, },
badgePositon: { badgePositon: {
type: String, type: String,
default: 'right' default: 'right',
}, },
time: { time: {
type: String, type: String,
default: '' default: '',
}, },
avatarCircle: { avatarCircle: {
type: Boolean, type: Boolean,
default: false default: false,
}, },
avatar: { avatar: {
type: String, type: String,
default: '' default: '',
}, },
avatarList: { avatarList: {
type: Array, type: Array,
default () { default() {
return []; return []
} },
} },
}, },
// inject: ['list'], // inject: ['list'],
computed: { computed: {
isDraft(){ isDraft() {
return this.note.slice(0,14) == '[uni-im-draft]' return this.note.slice(0, 14) == '[uni-im-draft]'
}, },
isSingle() { isSingle() {
if (this.badgeText === 'dot') { if (this.badgeText === 'dot') {
return 'uni-badge--dot'; return 'uni-badge--dot'
} else { } else {
const badgeText = this.badgeText.toString(); const badgeText = this.badgeText.toString()
if (badgeText.length > 1) { if (badgeText.length > 1) {
return 'uni-badge--complex'; return 'uni-badge--complex'
} else { } else {
return 'uni-badge--single'; return 'uni-badge--single'
} }
} }
}, },
computedAvatar() { computedAvatar() {
if (this.avatarList.length > 4) { if (this.avatarList.length > 4) {
this.imageWidth = avatarWidth * 0.31; this.imageWidth = avatarWidth * 0.31
return 'avatarItem--3'; return 'avatarItem--3'
} else if (this.avatarList.length > 1) { } else if (this.avatarList.length > 1) {
this.imageWidth = avatarWidth * 0.47; this.imageWidth = avatarWidth * 0.47
return 'avatarItem--2'; return 'avatarItem--2'
} else { } else {
this.imageWidth = avatarWidth; this.imageWidth = avatarWidth
return 'avatarItem--1'; return 'avatarItem--1'
}
} }
}, },
},
watch: { watch: {
avatar:{ avatar: {
handler(avatar) { handler(avatar) {
if(avatar.includes('://')){ if (avatar.includes('://')) {
uniCloud.getTempFileURL({ uniCloud
fileList: [avatar] .getTempFileURL({
}).then(res=>{ fileList: [avatar],
})
.then((res) => {
// console.log(res); // console.log(res);
// 兼容uniCloud私有化部署 // 兼容uniCloud私有化部署
let fileList = res.fileList || res.result.fileList let fileList = res.fileList || res.result.fileList
this.avatarUrl = fileList[0].tempFileURL this.avatarUrl = fileList[0].tempFileURL
}) })
}else{ } else {
this.avatarUrl = avatar this.avatarUrl = avatar
} }
}, },
immediate: true immediate: true,
} },
}, },
data() { data() {
return { return {
@@ -177,17 +213,17 @@
border: true, border: true,
// avatarList: 3, // avatarList: 3,
imageWidth: 50, imageWidth: 50,
avatarUrl:'' avatarUrl: '',
}; }
}, },
mounted() { mounted() {
this.list = this.getForm() this.list = this.getForm()
if (this.list) { if (this.list) {
if (!this.list.firstChildAppend) { if (!this.list.firstChildAppend) {
this.list.firstChildAppend = true; this.list.firstChildAppend = true
this.isFirstChild = true; this.isFirstChild = true
} }
this.border = this.list.border; this.border = this.list.border
} }
}, },
methods: { methods: {
@@ -195,102 +231,102 @@
* 获取父元素实例 * 获取父元素实例
*/ */
getForm(name = 'uniList') { getForm(name = 'uniList') {
let parent = this.$parent; let parent = this.$parent
let parentName = parent.$options.name; let parentName = parent.$options.name
while (parentName !== name) { while (parentName !== name) {
parent = parent.$parent; parent = parent.$parent
if (!parent) return false if (!parent) return false
parentName = parent.$options.name; parentName = parent.$options.name
} }
return parent; return parent
}, },
onClick() { onClick() {
if (this.to !== '') { if (this.to !== '') {
this.openPage(); this.openPage()
return; return
} }
if (this.clickable || this.link) { if (this.clickable || this.link) {
this.$emit('click', { this.$emit('click', {
data: {} data: {},
}); })
} }
}, },
openPage() { openPage() {
if (['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'].indexOf(this.link) !== -1) { if (['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'].indexOf(this.link) !== -1) {
this.pageApi(this.link); this.pageApi(this.link)
} else { } else {
this.pageApi('navigateTo'); this.pageApi('navigateTo')
} }
}, },
pageApi(api) { pageApi(api) {
uni[api]({ uni[api]({
url: this.to, url: this.to,
success: res => { success: (res) => {
this.$emit('click', { this.$emit('click', {
data: res data: res,
}); })
}, },
fail: err => { fail: (err) => {
this.$emit('click', { this.$emit('click', {
data: err data: err,
}); })
console.error(err.errMsg); console.error(err.errMsg)
} },
}); })
} },
} },
}; }
</script> </script>
<style lang="scss" > <style lang="scss">
$uni-font-size-lg:16px; $uni-font-size-lg: 16px;
$uni-spacing-row-sm: 5px; $uni-spacing-row-sm: 5px;
$uni-spacing-row-base: 10px; $uni-spacing-row-base: 10px;
$uni-spacing-row-lg: 15px; $uni-spacing-row-lg: 15px;
$background-color: #fff; $background-color: #fff;
$divide-line-color: #e5e5e5; $divide-line-color: #e5e5e5;
$avatar-width: 45px; $avatar-width: 45px;
$avatar-border-radius: 5px; $avatar-border-radius: 5px;
$avatar-border-color: #eee; $avatar-border-color: #eee;
$avatar-border-width: 1px; $avatar-border-width: 1px;
$title-size: 16px; $title-size: 16px;
$title-color: #3b4144; $title-color: #3b4144;
$title-weight: normal; $title-weight: normal;
$note-size: 12px; $note-size: 12px;
$note-color: #999; $note-color: #999;
$note-weight: normal; $note-weight: normal;
$right-text-size: 12px; $right-text-size: 12px;
$right-text-color: #999; $right-text-color: #999;
$right-text-weight: normal; $right-text-weight: normal;
$badge-left: 0px; $badge-left: 0px;
$badge-top: 0px; $badge-top: 0px;
$dot-width: 10px; $dot-width: 10px;
$dot-height: 10px; $dot-height: 10px;
$badge-size: 18px; $badge-size: 18px;
$badge-font: 12px; $badge-font: 12px;
$badge-color: #fff; $badge-color: #fff;
$badge-background-color: #ff5a5f; $badge-background-color: #ff5a5f;
$badge-space: 6px; $badge-space: 6px;
$hover: #f5f5f5; $hover: #f5f5f5;
.uni-list-chat { .uni-list-chat {
font-size: $uni-font-size-lg; font-size: $uni-font-size-lg;
position: relative; position: relative;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
background-color: $background-color; background-color: $background-color;
} }
// .uni-list-chat--disabled { // .uni-list-chat--disabled {
// opacity: 0.3; // opacity: 0.3;
// } // }
.uni-list-chat--hover { .uni-list-chat--hover {
background-color: $hover; background-color: $hover;
} }
.uni-list--border { .uni-list--border {
position: relative; position: relative;
margin-left: $uni-spacing-row-lg; margin-left: $uni-spacing-row-lg;
/* #ifdef APP-PLUS */ /* #ifdef APP-PLUS */
@@ -298,10 +334,10 @@
border-top-style: solid; border-top-style: solid;
border-top-width: 0.5px; border-top-width: 0.5px;
/* #endif */ /* #endif */
} }
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
.uni-list--border:after { .uni-list--border:after {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
@@ -311,19 +347,19 @@
-webkit-transform: scaleY(0.5); -webkit-transform: scaleY(0.5);
transform: scaleY(0.5); transform: scaleY(0.5);
background-color: $divide-line-color; background-color: $divide-line-color;
} }
.uni-list-item--first:after { .uni-list-item--first:after {
height: 0px; height: 0px;
} }
/* #endif */ /* #endif */
.uni-list-chat--first { .uni-list-chat--first {
border-top-width: 0px; border-top-width: 0px;
} }
.uni-ellipsis { .uni-ellipsis {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@@ -332,9 +368,9 @@
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
lines: 1; lines: 1;
/* #endif */ /* #endif */
} }
.uni-ellipsis-2 { .uni-ellipsis-2 {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -346,9 +382,9 @@
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
lines: 2; lines: 2;
/* #endif */ /* #endif */
} }
.uni-list-chat__container { .uni-list-chat__container {
position: relative; position: relative;
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
@@ -358,13 +394,13 @@
padding: $uni-spacing-row-base $uni-spacing-row-lg; padding: $uni-spacing-row-base $uni-spacing-row-lg;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.uni-list-chat__header-warp { .uni-list-chat__header-warp {
position: relative; position: relative;
} }
.uni-list-chat__header { .uni-list-chat__header {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
align-content: center; align-content: center;
@@ -387,9 +423,9 @@
border-width: $avatar-border-width; border-width: $avatar-border-width;
border-style: solid; border-style: solid;
overflow: hidden; overflow: hidden;
} }
.uni-list-chat__header-box { .uni-list-chat__header-box {
/* #ifndef APP-PLUS */ /* #ifndef APP-PLUS */
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
@@ -402,9 +438,9 @@
/* #endif */ /* #endif */
overflow: hidden; overflow: hidden;
border-radius: 2px; border-radius: 2px;
} }
.uni-list-chat__header-image { .uni-list-chat__header-image {
margin: 1px; margin: 1px;
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
width: 50px; width: 50px;
@@ -414,36 +450,36 @@
width: $avatar-width; width: $avatar-width;
height: $avatar-width; height: $avatar-width;
/* #endif */ /* #endif */
} }
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
.uni-list-chat__header-image { .uni-list-chat__header-image {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.avatarItem--1 { .avatarItem--1 {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.avatarItem--2 { .avatarItem--2 {
width: 47%; width: 47%;
height: 47%; height: 47%;
} }
.avatarItem--3 { .avatarItem--3 {
width: 32%; width: 32%;
height: 32%; height: 32%;
} }
/* #endif */ /* #endif */
.header--circle { .header--circle {
border-radius: 50%; border-radius: 50%;
} }
.uni-list-chat__content { .uni-list-chat__content {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
/* #endif */ /* #endif */
@@ -451,9 +487,9 @@
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
padding: 2px 0; padding: 2px 0;
} }
.uni-list-chat__content-main { .uni-list-chat__content-main {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
/* #endif */ /* #endif */
@@ -462,31 +498,32 @@
padding-left: $uni-spacing-row-base; padding-left: $uni-spacing-row-base;
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
} }
.uni-list-chat__content-title { .uni-list-chat__content-title {
font-size: $title-size; font-size: $title-size;
color: $title-color; color: $title-color;
font-weight: $title-weight; font-weight: $title-weight;
overflow: hidden; overflow: hidden;
} }
.draft ,.uni-list-chat__content-note { .draft,
.uni-list-chat__content-note {
margin-top: 3px; margin-top: 3px;
color: $note-color; color: $note-color;
font-size: $note-size; font-size: $note-size;
font-weight: $title-weight; font-weight: $title-weight;
overflow: hidden; overflow: hidden;
} }
.draft{ .draft {
color: #eb3a41; color: #eb3a41;
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
flex-shrink: 0; flex-shrink: 0;
/* #endif */ /* #endif */
padding-right: 3px; padding-right: 3px;
} }
.uni-list-chat__content-extra { .uni-list-chat__content-extra {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
@@ -495,16 +532,16 @@
justify-content: space-between; justify-content: space-between;
align-items: flex-end; align-items: flex-end;
margin-left: 5px; margin-left: 5px;
} }
.uni-list-chat__content-extra-text { .uni-list-chat__content-extra-text {
color: $right-text-color; color: $right-text-color;
font-size: $right-text-size; font-size: $right-text-size;
font-weight: $right-text-weight; font-weight: $right-text-weight;
overflow: hidden; overflow: hidden;
} }
.uni-list-chat__badge-pos { .uni-list-chat__badge-pos {
position: absolute; position: absolute;
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
left: 55px; left: 55px;
@@ -514,9 +551,9 @@
left: calc(#{$avatar-width} + 10px - #{$badge-space} + #{$badge-left}); left: calc(#{$avatar-width} + 10px - #{$badge-space} + #{$badge-left});
top: calc(#{$uni-spacing-row-base}/ 2 + 1px + #{$badge-top}); top: calc(#{$uni-spacing-row-base}/ 2 + 1px + #{$badge-top});
/* #endif */ /* #endif */
} }
.uni-list-chat__badge { .uni-list-chat__badge {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
display: flex; display: flex;
/* #endif */ /* #endif */
@@ -524,22 +561,22 @@
align-items: center; align-items: center;
border-radius: 100px; border-radius: 100px;
background-color: $badge-background-color; background-color: $badge-background-color;
} }
.uni-list-chat__badge-text { .uni-list-chat__badge-text {
color: $badge-color; color: $badge-color;
font-size: $badge-font; font-size: $badge-font;
} }
.uni-badge--single { .uni-badge--single {
/* #ifndef APP-NVUE */ /* #ifndef APP-NVUE */
// left: calc(#{$avatar-width} + 7px + #{$badge-left}); // left: calc(#{$avatar-width} + 7px + #{$badge-left});
/* #endif */ /* #endif */
width: $badge-size; width: $badge-size;
height: $badge-size; height: $badge-size;
} }
.uni-badge--complex { .uni-badge--complex {
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
left: 50px; left: 50px;
/* #endif */ /* #endif */
@@ -548,9 +585,9 @@
/* #endif */ /* #endif */
height: $badge-size; height: $badge-size;
padding: 0 $badge-space; padding: 0 $badge-space;
} }
.uni-badge--dot { .uni-badge--dot {
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
left: 60px; left: 60px;
top: 6px; top: 6px;
@@ -561,11 +598,11 @@
width: $dot-width; width: $dot-width;
height: $dot-height; height: $dot-height;
padding: 0; padding: 0;
} }
.uni-list-chat--right { .uni-list-chat--right {
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
left: 0; left: 0;
/* #endif */ /* #endif */
} }
</style> </style>