systemTip.vue
875 字节
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<template>
<view class="systemTip">
<view v-for="(item, index) in systemInfo" :key="index" class="sytem_row">
<u-notice-bar :text="item" :fontSize="12" bgColor="transparent" :color="ThemeColor.PrimaryColor"></u-notice-bar>
</view>
</view>
</template>
<script>
import ThemeColor from '@/utils/themeColor';
export default{
data(){
return {
ThemeColor,
systemInfo: [
'（CLOOL发起拼场）2022-12-26 14:23:45',
'（奇犽加入拼场并成功支付）2022-12-26 14:23:45',
'（奇犽加入拼场并成功支付）2022-12-26 14:23:45'
]
}
}
}
</script>
<style scoped lang="scss">
.systemTip{
display: flex;
flex-direction: column;
gap: 20rpx;
background: rgba(255,161,0, .16);
border-radius: 12rpx;
margin: 0 30rpx;
padding: 16rpx 20rpx;
.sytem_row{
font-size: 24rpx;
line-height: 36rpx;
}
}
</style>