aa0203819c
Replace all custom `bg-*` utility classes across Vue components with Tailwind's arbitrary hex color notation (e.g. `bg-[#f7f7f7]`). Remove redundant hardcoded background color definitions from src/static/scss/background.scss, clean up template formatting, and update gradient button styles to use direct hex values.
24 lines
492 B
Vue
24 lines
492 B
Vue
<template>
|
||
<!-- 外层行容器：接收来自父组件的对齐类（如 flex flex-justify-end） -->
|
||
<view class="chat-mine-row">
|
||
<view class="chat-mine bg-[#17294e]">
|
||
<text class="font-size-15 color-white">{{ text }}</text>
|
||
<slot></slot>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { defineProps } from "vue";
|
||
defineProps({
|
||
text: {
|
||
type: String,
|
||
default: "",
|
||
},
|
||
});
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
@import "./styles/index.scss";
|
||
</style>
|