feat: 调整了目录结构
This commit is contained in:
40
src/pages/ChatMain/NoticeMessage/index.vue
Normal file
40
src/pages/ChatMain/NoticeMessage/index.vue
Normal file
@@ -0,0 +1,40 @@
|
||||
<template>
|
||||
|
||||
<view class="border-box pl-12 pr-12">
|
||||
<view class="wrap rounded-20 bg-white relative overflow-hidden">
|
||||
<view class="flex flex-col p-16 mr-110 border-box">
|
||||
<view class="flex flex-row flex-items-center justify-center">
|
||||
<view class="w-24 h-24 rounded-full bg-theme-color-500 flex flex-items-center flex-justify-center">
|
||||
<uni-icons type="sound" size="16" color="#ffffff"/>
|
||||
</view>
|
||||
<text class="font-size-16 font-500 text-color-900 ml-6">临时提醒</text>
|
||||
</view>
|
||||
<view class="font-size-12 font-color-600 mt-8">{{ props.noticeContent.eventMessageContent }}</view>
|
||||
</view>
|
||||
<image class="mt-4 object-cover absolute right-0 bottom-0 bg-image" src="./notice_bg_img.png"/>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { defineProps } from "vue";
|
||||
|
||||
const props = defineProps({
|
||||
noticeContent: {
|
||||
type: Object,
|
||||
default: () => ({}),
|
||||
},
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.bg-image {
|
||||
width: 140px;
|
||||
height: 96px;
|
||||
}
|
||||
.mr-110 {
|
||||
margin-right: 110px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user