refactor: convert legacy color classes to tailwind syntax

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.
This commit is contained in:
duanshuwen
2026-07-24 15:56:35 +08:00
parent d3d15b1a19
commit aa0203819c
27 changed files with 225 additions and 527 deletions

View File

@@ -1,7 +1,7 @@
<template>
<!-- 外层行容器接收来自父组件的对齐类 flex flex-justify-end -->
<view class="chat-mine-row">
<view class="chat-mine bg-17294E">
<view class="chat-mine bg-[#17294e]">
<text class="font-size-15 color-white">{{ text }}</text>
<slot></slot>
</view>