master
wujingling0908 5 days ago
parent 904822fc5d
commit c28f99d05b
  1. 65
      src/assets/images/chat/star.svg
  2. BIN
      src/assets/images/chat/star.webp
  3. 12
      src/components/abstract.vue
  4. 51
      src/components/appraise-popup.vue
  5. 6
      src/components/chat-new.vue
  6. 10
      src/components/hot-question-new.vue
  7. 4
      src/components/hot-question.vue
  8. 4
      src/components/nav-bar.vue
  9. 4
      src/components/notice-bar.vue
  10. 6
      src/utils/https.js

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 KiB

@ -150,7 +150,7 @@ onActivated(async () => {
<template>
<div class="abstract-con" v-if="abstractList.length">
<div class="title">
<span>今日皮卡丘摘要</span><img src="@/assets/images/chat/star.svg" alt="" srcset="" />
<span>今日皮卡丘摘要</span><img src="@/assets/images/chat/star.webp" alt="" srcset="" />
</div>
<div class="list">
<div
@ -207,17 +207,23 @@ onActivated(async () => {
backdrop-filter: blur(10rem);
border-radius: 12rem;
.title {
> .title {
font-family: PingFang SC;
font-size: 16rem;
font-weight: 500;
line-height: normal;
letter-spacing: 0rem;
display: flex;
align-items: center;
/* 科个中性/正文-标题 17204D */
/* 样式描述:用于正文标题 */
color: #17204d;
margin-bottom: 4rem;
img {
margin-left: 4rem;
width: 19.94px;
height: 14.9px;
}
}
.list {

@ -14,24 +14,18 @@
<div class="appraise-header-title">您的反馈对我们完善服务十分重要</div>
<div class="appraise-main">
<div class="appraise-item-box flex flex-1">
<a
<div
v-for="(item, index) in checkBoxList"
:key="index"
href="javascript:;"
:key="item.id ?? index"
class="cells-check-label"
@change.stop="changeCheck(item)"
role="radio"
:aria-checked="isChecked(item)"
@click.stop.prevent="changeCheck(item)"
>
<input
:id="'s' + index"
v-model="item.checked"
type="radio"
class="check-radio"
name="radio1"
/>
<label class="cell-ft text-checked" :for="'s' + index">
<div class="cell-ft text-checked" :class="{ 'is-checked': isChecked(item) }">
<span class="icon-checked-txt">{{ item.content }}</span>
</label>
</a>
</div>
</div>
</div>
<div class="appraise-item-other">
<textarea
@ -96,8 +90,21 @@ const source = computed(() => store.source)
const mescrollContent = computed(() => store.mescrollContent)
// —— 方法 ——
const isChecked = (item) => {
if (!item || !checkedItem.value) return false
if (checkedItem.value === item) return true
if (checkedItem.value.id != null && item.id != null) {
return checkedItem.value.id === item.id
}
return checkedItem.value.content === item.content
}
const changeCheck = (item) => {
// 选中的值
if (!item) return
// 整块点击选中,避免 display:none 的 radio + label 在微信/移动端点不中
checkBoxList.value.forEach((row) => {
row.checked = row === item || (row.id != null && row.id === item.id)
})
checkedItem.value = item
}
@ -304,6 +311,8 @@ getReasonList()
margin-right: 4rem;
margin-bottom: 10rem;
display: inherit;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.appraise-item-box .cells-check-label .cell-ft {
border: 1rem solid #5a9cff;
@ -313,16 +322,18 @@ getReasonList()
line-height: 15rem;
color: #5a9cff;
text-align: center;
padding: 2rem 2rem;
padding: 5rem 3rem;
display: inline-block;
}
.appraise-item-box .cells-check-label .cell-ft,
.appraise-item-box .cells-check-label .cell-ft .icon-checked-txt {
pointer-events: none;
}
.appraise-item-box .cells-check-label .check-radio {
display: none;
}
.appraise-item-box .cells-check-label .check-radio:checked + .text-checked {
.appraise-item-box .cells-check-label .check-radio:checked + .text-checked,
.appraise-item-box .cells-check-label .text-checked.is-checked {
color: #fff;
background-color: #5a9cff;
}
@ -415,7 +426,11 @@ getReasonList()
.appraise-item-box
.cells-check-label
.check-radio:checked
+ .text-checked {
+ .text-checked,
.elder-wrapper
.appraise-item-box
.cells-check-label
.text-checked.is-checked {
font-family: PingFangSC-Medium;
font-size: 12rem;
color: #025cea;

@ -1,6 +1,6 @@
<script setup>
import { ref, computed, watch, nextTick, onMounted, onActivated, onDeactivated } from 'vue'
import { storeToRefs } from 'pinia'
import { ref, computed, watch, nextTick, onMounted, onActivated, onDeactivated } from 'vue'
import { storeToRefs } from 'pinia'
import { useAppStore } from '@/store/app.js'
import { onBeforeRouteLeave } from 'vue-router'
import { showToast, showLoadingToast, closeToast, showImagePreview } from 'vant'
@ -738,7 +738,7 @@ watch(
// background-position: center center;
display: flex;
flex-direction: column;
padding: 12rem;
padding: 0 12rem 12rem;
.chat-footer {
flex-shrink: 0;

@ -103,7 +103,7 @@ onMounted(async () => {
margin-bottom: 16rem;
position: relative;
z-index: 1;
.item {
border-radius: 24rem;
display: flex;
@ -125,23 +125,21 @@ onMounted(async () => {
min-width: 30rem;
border-radius: 186rem;
opacity: 1;
background: #fcfdfd;
align-self: center;
box-shadow: 0rem 4rem 10rem 0rem #e7effd;
text-align: center;
span {
line-height: 30rem;
font-size: 14rem;
font-variation-settings: 'opsz' auto;
background: linear-gradient(100deg, #38afff 27%, #025cea 101%);
font-weight: 600;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: inline-block;
font-weight: 700;
font-size: 18rem;
}
}

@ -421,7 +421,7 @@ function updateTabHeight() {
}
.van_cell span {
color: #000;
color: #17204d;
font-size: 13px;
font-weight: 400;
}
@ -495,7 +495,7 @@ function updateTabHeight() {
.refresh-btn-img span {
font-size: 14px;
color: #000;
color: #17204d;
font-weight: 700;
}

@ -58,9 +58,9 @@
v-model="checked"
:icon-size="$elder ? '20px' : '17px'"
:shape="$elder ? 'round' : 'square'"
style="color: #000"
style="color: #17204d"
>
<span :class="$elder ? 'tip' : ''" style="color: #000; font-weight: 500"
<span :class="$elder ? 'tip' : ''" style="color: #17204d; font-weight: 500"
>本周不再提示</span
>
</van-checkbox>

@ -55,9 +55,9 @@
v-model="checked"
:icon-size="elder ? '20px' : '17px'"
:shape="elder ? 'round' : 'square'"
style="color: #000"
style="color: #17204d"
>
<span :class="elder ? 'tip' : ''" style="color: #000; font-weight: 500"
<span :class="elder ? 'tip' : ''" style="color: #17204d; font-weight: 500"
>本周不再提示</span
>
</van-checkbox>

@ -185,14 +185,13 @@ axios.interceptors.response.use(
) {
return Promise.reject(response)
}
if (response.data.code === 10001) {
appStore().del_token()
sessionStorage.removeItem('token') // 删除已经失效或过期的token(不删除也可以,因为登录后覆盖)
// 如果没有展示返回头部的话去掉弹窗按钮
if (appStore().notitle === '1') {
toast('当前会话已结束,请刷新页面或关闭页面重新进入')
// toast('当前会话已结束,请刷新页面或关闭页面重新进入')
return Promise.reject(response)
}
@ -274,6 +273,9 @@ export function Post(url, params) {
axios
.post(url, params)
.then((res) => {
if (res?.data?.code === 10022) {
toast(res.data.msg || '接口连接错误')
}
resolve(res.data)
})
.catch((err) => {

Loading…
Cancel
Save