style: 样式修改

This commit is contained in:
2025-12-30 14:51:19 +08:00
parent 6a2b456bf3
commit 6156c88429
6 changed files with 515 additions and 504 deletions

View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, onMounted, inject } from 'vue' import { ref, reactive, onMounted, inject, watch } from 'vue'
import router from '@/router' import router from '@/router'
import { showConfirmDialog, showToast } from 'vant' import { showConfirmDialog, showToast } from 'vant'
import { useUserInfoStore, useOverallStore, useGenerateStore } from '@/stores' import { useUserInfoStore, useOverallStore, useGenerateStore } from '@/stores'
@@ -17,7 +17,7 @@
const overallStore = useOverallStore() const overallStore = useOverallStore()
const generateStore = useGenerateStore() const generateStore = useGenerateStore()
const emit = defineEmits(['selected-customer']) const emit = defineEmits(['selected-customer', 'change-visible'])
const show = ref(false) const show = ref(false)
const isEdit = ref(false) const isEdit = ref(false)
const form = reactive({ const form = reactive({
@@ -35,6 +35,10 @@
const close = () => { const close = () => {
show.value = false show.value = false
} }
watch(show, (newVal) => {
emit('change-visible', newVal)
MyEvent.emit('change-profile-visible', newVal)
})
const onEditItem = (item) => { const onEditItem = (item) => {
if (!form[item]) return if (!form[item]) return
form[item].edit = true form[item].edit = true
@@ -166,9 +170,12 @@
} }
} }
// 打开customer选择时关闭profile弹窗 如果不是点击confirem关闭则重新打开profile弹窗 // 打开customer选择时关闭profile弹窗 如果不是点击confirem关闭则重新打开profile弹窗
const handleShowPopup = (flag: boolean) => { let isCustomerOnly = false
const handleShowPopup = (flag: boolean, customer: boolean) => {
// customer: 是否是顾客页面只展示customer选择弹窗
isCustomerOnly = customer
showSwitchCustomerPopup.value = flag showSwitchCustomerPopup.value = flag
if (props.isCustomer) return if (isCustomerOnly) return
show.value = !flag show.value = !flag
if (flag) { if (flag) {
loadCustomers(true) loadCustomers(true)
@@ -184,7 +191,7 @@
if (selectedCustomer) { if (selectedCustomer) {
emit('selected-customer', selectedCustomer) emit('selected-customer', selectedCustomer)
} }
if (!props.isCustomer) { if (!isCustomerOnly) {
// show.value = true // show.value = true
customerCheckin({ nickname: selectedCustomer.name }).then((res) => { customerCheckin({ nickname: selectedCustomer.name }).then((res) => {
useUserInfoStore().resetGenerateParams() useUserInfoStore().resetGenerateParams()

View File

@@ -197,7 +197,9 @@ const startRecording = () => {
// 检查浏览器支持 // 检查浏览器支持
if (!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)) { if (!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)) {
// alert('您的浏览器不支持语音识别功能') // alert('您的浏览器不支持语音识别功能')
showToast('Your browser does not support speech recognition, please try again with another browser') showToast(
'Your browser does not support speech recognition, please try again with another browser'
)
isRecording.value = false isRecording.value = false
return return
} }
@@ -296,7 +298,7 @@ const stopRecording = () => {
.shortcut-item { .shortcut-item {
font-size: 4.2rem; font-size: 4.2rem;
width: fit-content; width: fit-content;
font-family: 'robotoRegular'; font-family: 'satoshiMedium';
white-space: nowrap; white-space: nowrap;
height: 8.1rem; height: 8.1rem;
line-height: 8.1rem; line-height: 8.1rem;
@@ -351,8 +353,8 @@ const stopRecording = () => {
outline: none; outline: none;
background: transparent; background: transparent;
font-size: 4rem; font-size: 4rem;
font-family: 'robotoRegular'; font-family: 'satoshiMedium';
font-weight: 400; font-weight: 500;
line-height: 4.8rem; /* 设置行高等于实际渲染高度,实现垂直居中 */ line-height: 4.8rem; /* 设置行高等于实际渲染高度,实现垂直居中 */
padding: 0; padding: 0;
color: #000; color: #000;
@@ -361,8 +363,8 @@ const stopRecording = () => {
&::placeholder { &::placeholder {
color: #888; color: #888;
letter-spacing: -0.01em; letter-spacing: -0.01em;
font-weight: 400; font-weight: 500;
font-family: 'robotoRegular'; font-family: 'satoshiMedium';
word-spacing: -5px; word-spacing: -5px;
line-height: 4.8rem; line-height: 4.8rem;
} }

View File

@@ -103,13 +103,15 @@ const actionList: ActionItem[] = [
display: flex; display: flex;
margin-bottom: 16px; margin-bottom: 16px;
align-items: flex-start; align-items: flex-start;
color: #000;
.message-text { .message-text {
font-size: 4.2rem; font-size: 4rem;
font-family: 'robotoRegular'; font-family: 'satoshiMedium';
line-height: 121%; line-height: 121%;
font-weight: 400; font-weight: 500;
background-color: #efefef; background-color: #efefef;
padding: 3.43rem 4.35rem; padding: 3.43rem 4.35rem;
letter-spacing: -0.01em;
} }
&.user-message { &.user-message {

View File

@@ -4,7 +4,7 @@
<div class="content"> <div class="content">
<!-- 返回按钮 --> <!-- 返回按钮 -->
<div class="back-button" @click="goBack"> <div class="back-button" @click="goBack">
<img src="@/assets/images/arrow_left.png" class="back-icon" /> <SvgIcon name="left" size="50" color="#fff" />
</div> </div>
<!-- 标题区域 --> <!-- 标题区域 -->
@@ -133,9 +133,9 @@ const handleSuccess = (data: any) => {
cursor: pointer; cursor: pointer;
z-index: 3; z-index: 3;
font-size: 3.4rem; font-size: 3.4rem;
.back-icon { .c-svg {
width: 2.83rem; width: initial;
height: 3.47rem; height: initial;
} }
} }

View File

@@ -2,7 +2,7 @@
<div class="login-page"> <div class="login-page">
<div class="content"> <div class="content">
<div class="back-button" @click="goBack"> <div class="back-button" @click="goBack">
<img src="@/assets/images/arrow_left.png" class="back-icon" /> <SvgIcon name="left" size="50" color="#fff" />
</div> </div>
<div class="header"> <div class="header">
@@ -187,9 +187,9 @@ const handleGoogleSignup = async (accessToken: string) => {
cursor: pointer; cursor: pointer;
z-index: 3; z-index: 3;
font-size: 3.4rem; font-size: 3.4rem;
.back-icon { .c-svg {
width: 2.83rem; width: initial;
height: 3.47rem; height: initial;
} }
} }

View File

@@ -143,7 +143,7 @@ const handleConfirm = async () => {
const handleShowPopup = (flag: Boolean) => { const handleShowPopup = (flag: Boolean) => {
// showPopup.value = flag // showPopup.value = flag
profileRef.value.handleShowPopup(flag) profileRef.value.handleShowPopup(flag,true)
} }
const handleSelectCustomer = (value) => { const handleSelectCustomer = (value) => {
@@ -189,7 +189,7 @@ const handleBack = (e?: Event) => {
.setting { .setting {
z-index: 1; z-index: 1;
padding: 3.67rem 4.9rem 0 8.4rem; padding: 16.4rem 4.9rem 0 8.4rem;
font-size: 7rem; font-size: 7rem;
.c-svg { .c-svg {
width: initial; width: initial;