.

index.html

@@ -9,7 +9,7 @@
             name="viewport"
             content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
         />
-        <title>CHILLGPT</title>
+        <title>走马AI助手</title>
         <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
         <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
     </head>

src/components/common/LoginForm.vue

@@ -326,7 +326,7 @@ function goRule(type: string) {
 }
 
 // captcha stylel
-@captcha-color: #b17dff;
+@captcha-color: #15a8aa;
 :deep(._nc) {
     .stage1 {
         .slider {
@@ -393,7 +393,7 @@ function goRule(type: string) {
     max-height: 80vh;
 }
 
-.prefix-img{
+.prefix-img {
     width: 24px;
     height: 24px;
 }

src/components/common/OfficalAccount.vue

@@ -72,7 +72,7 @@ watch(
             // setTimeout(() => {
             //     html2canvas(postRef.value!, {
             //         useCORS: true,
-            //         allowTaint: true,https://chillgpt.raexmeta.com/api/membership/h5pay?userId=&planId=
+            //         allowTaint: true,https://走马AI助手.raexmeta.com/api/membership/h5pay?userId=&planId=
             //         backgroundColor: null,
             //         scale: 3
             //     }).then(canvas => {

src/components/common/ShareModal.vue

@@ -135,7 +135,7 @@ const message = useMessage()
 const { text, copy, copied, isSupported } = useClipboard()
 async function copyShare() {
     try {
-        await copy('【CHILLGPT——开启人工智能时代】' + shareUrl.value)
+        await copy('【走马AI助手——开启人工智能时代】' + shareUrl.value)
         message.success('复制成功')
     } catch (e) {
         console.error(e)

src/components/common/UserAvatar.vue

@@ -30,12 +30,17 @@ const isVip = computed(() => {
 
 <template>
     <div class="flex items-center overflow-hidden">
-        <div class="overflow-hidden rounded-full shrink-0 flex items-center justify-center">
+        <div class="overflow-hidden shrink-0 flex items-center justify-center">
             <template v-if="isString(userInfo.avatar) && userInfo.avatar.length > 0">
-                <NAvatar :size="avatarType" round :src="userInfo.avatar" :fallback-src="defaultAvatar" />
+                <NAvatar
+                    :size="avatarType"
+                    :style="{ backgroundColor: 'transparent' }"
+                    :src="userInfo.avatar"
+                    :fallback-src="defaultAvatar"
+                />
             </template>
             <template v-else>
-                <NAvatar :size="avatarType" round :src="defaultAvatar" />
+                <NAvatar :size="avatarType" :style="{ backgroundColor: 'transparent' }" :src="defaultAvatar" />
             </template>
         </div>
         <div class="flex-1 min-w-0 ml-2 flex-col flex" v-if="!onlyAvatar" :class="[avatarType + '-text']">

src/components/common/VipCard.vue

@@ -3,16 +3,15 @@
         <img class="block w-full" src="@/assets/bg_vip.png" alt="" />
 
         <div class="vip-text">
-            <div class="text1">
-                <span>CHILLGPT</span>
+            <!-- <div class="text1">
+                <span>走马AI助手</span>
                 <n-gradient-text gradient="linear-gradient(289deg, #8F008E 0%, #2900D4 100%)"> 会员 </n-gradient-text>
-            </div>
+            </div> -->
 
-            <div class="text2" v-if="isVip">{{ userMemberStore.getExpireAt() }}</div>
-            <div class="text2" v-else>升级成为一级会员！全球仅限10000席！</div>
-            <div class="flex-1"></div>
+            <div class="text2 text-xs lg:text-lg" v-if="isVip">{{ userMemberStore.getExpireAt() }}</div>
+            <div class="text2 text-xs lg:text-lg" v-else>升级成为一级会员！全球仅限10000席！</div>
 
-            <div class="text2" v-if="props.pageType === 'vip'">开启无限制人工智能时代！</div>
+            <div class="text3 text-xs lg:text-lg" v-if="props.pageType === 'vip'">开启无限制人工智能时代！</div>
 
             <div class="btn" @click="goVip" v-else>
                 <img src="@/assets/icon-anniu.png" alt="" />
@@ -47,12 +46,15 @@ function goVip() {
 <style lang="less" scoped>
 .vip-card {
     z-index: 1;
+    position: relative;
     .vip-text {
         position: absolute;
+        height: 100%;
+        width: 100%;
         top: 0;
         left: 0;
-        bottom: 0;
-        padding: 16px;
+        overflow: hidden;
+        // padding: 0 5% 16px;
         .f-col();
         .text1 {
             font-size: 26px;
@@ -62,19 +64,29 @@ function goVip() {
         }
 
         .text2 {
-            font-size: 11px;
-            color: #5b4380;
-            line-height: 12px;
-            margin-top: 13px;
+            position: absolute;
+            color: #006f66;
+            top: 35%;
+            left: 5%;
+        }
+
+        .text3{
+            position: absolute;
+            color: #006f66;
+            bottom: 8%;
+            left: 5%;
         }
 
         .btn {
-            position: relative;
-            width: 82px;
+            position: absolute;
+            width: 24%;
             cursor: pointer;
+            left: 5%;
+            bottom: 8%;
+            min-width: 82px;
+            max-width: 100px;
             img {
-                width: 82px;
-                height: 29px;
+                width: 100%;
             }
 
             .btn-text {
@@ -84,11 +96,8 @@ function goVip() {
                 transform: translate(-50%, -50%);
                 font-size: 12px;
                 font-family: AlimamaShuHeiTi;
-                color: #0044b4;
+                color: #006f66;
                 line-height: 24px;
-                background: linear-gradient(289deg, #8f008e 0%, #2900d4 100%);
-                background-clip: text;
-                -webkit-text-fill-color: transparent;
             }
         }
     }

src/components/common/VipModal.vue

@@ -72,7 +72,7 @@ watch(
             // setTimeout(() => {
             //     html2canvas(postRef.value!, {
             //         useCORS: true,
-            //         allowTaint: true,https://chillgpt.raexmeta.com/api/membership/h5pay?userId=&planId=
+            //         allowTaint: true,https://走马AI助手.raexmeta.com/api/membership/h5pay?userId=&planId=
             //         backgroundColor: null,
             //         scale: 3
             //     }).then(canvas => {

src/components/common/VipPannel.vue

@@ -12,15 +12,15 @@
                 content-style="padding:0 0 20px"
                 :header-style="{
                     padding: '8px 15px 12px',
-                    background: isDark ? '#16171B' : '#F6F3FF'
+                    background: isDark ? '#18191E' : '#E8F6F6'
                 }"
             >
                 <template #header>
                     <n-gradient-text
                         :gradient="{
                             deg: 289,
-                            from: '#DF9AFF',
-                            to: '#7C3AED'
+                            from: isDark ? '#D3FFDB' : '#006F66',
+                            to: isDark ? '#00D8DA' : '#006F66'
                         }"
                         class="alimamaShuHeiTi"
                     >
@@ -75,10 +75,10 @@
                     <div class="text-[#A2A49D] text-xs" v-if="item.id === 4">
                         原价 <span class="line-through">1299</span>
                     </div>
-                    <template v-if="chooseMemberId == item.id">
+                    <!-- <template v-if="chooseMemberId == item.id">
                         <img :src="chooseRe" v-if="item.id === 4" alt="" class="choose-img" />
                         <img :src="choose" v-else alt="" class="choose-img"
-                    /></template>
+                    /></template> -->
 
                     <div class="hot" v-if="item.id === 4">
                         <img :src="hot" alt="" />
@@ -179,34 +179,10 @@ const items = [
         imgLight: imgHuihuaLight
     },
     {
-        name: '推荐奖励',
-        desc: '一级经销商权限',
-        img: imgItem02,
-        imgLight: imgItem02Light
-    },
-    {
-        name: '空投福利',
-        desc: '高价值数字藏品',
-        img: imgItem03,
-        imgLight: imgItem03Light
-    },
-    {
-        name: '测试白名单',
-        desc: '第一优先级',
-        img: imgItem05,
-        imgLight: imgItem05Light
-    },
-    {
-        name: 'CHILLGPT PIX',
+        name: '走马AI助手',
         desc: '六个月免费会员',
         img: imgItem06,
         imgLight: imgItem06Light
-    },
-    {
-        name: '申请CHILLGPT',
-        desc: '城市级节点权限',
-        img: imgItem07,
-        imgLight: imgItem07Light
     }
 ]
 
@@ -336,9 +312,9 @@ function goChat() {
     box-sizing: border-box;
     overflow: hidden;
     &.prim {
-        border-color: #7c3aed;
-        background: linear-gradient(318deg, rgba(124, 58, 237, 0.1) 0%, rgba(223, 154, 255, 0.5) 100%);
-        box-shadow: inset 0 0 1px 1px #7c3aed;
+        border-color: #15A8AA;
+        background: #15A8AA1A;
+        box-shadow: inset 0 0 1px 1px #15A8AA;
     }
 
     &.recommend {

src/components/common/minePannel.vue

@@ -6,19 +6,19 @@
                 <div class="flex-1">
                     <UserAvatar avatar-type="large" />
                 </div>
-                <div
+                <!-- <div
                     @click="showOffical = true"
                     class="code flex flex-col items-center rounded-[8px] px-[7px] py-[3px] bg-[#F5F5F7] dark:bg-[#1E1F37]"
                 >
                     <img class="w-[30px]" :src="isDark ? codeDark : code" alt="" />
                     <div class="text-[10px] text-black dark:text-white font-bold">关注公众号</div>
-                </div>
+                </div> -->
             </div>
         </n-card>
         <n-card :bordered="false">
             <vip-card @goVip="goVip"></vip-card>
         </n-card>
-        <n-card :bordered="false">
+        <!-- <n-card :bordered="false">
             <n-row gutter="12">
                 <n-col :span="12">
                     <div class="share-btn cursor-pointer" @click="shareEvent">
@@ -39,7 +39,7 @@
                     </div>
                 </n-col>
             </n-row>
-        </n-card>
+        </n-card> -->
 
         <div class="flex-1"></div>
 

src/hooks/useTheme.ts

@@ -20,10 +20,10 @@ export function useTheme() {
     const themeOverrides = computed<GlobalThemeOverrides>(() => {
         return {
             common: {
-                primaryColor: '#7C3AED',
-                primaryColorHover: '#712BE8',
-                primaryColorPressed: '#712BE8',
-                primaryColorSuppl: '#7C3AED'
+                primaryColor: '#15A8AA',
+                primaryColorHover: '#1CD1D3',
+                primaryColorPressed: '#18A8AA',
+                primaryColorSuppl: '#15A8AA'
             },
             Button: {
                 heightLarge: '44px',

src/router/index.ts

@@ -22,14 +22,14 @@ function jsapiSign() {
         })
         wx.ready(function () {
             wx.updateAppMessageShareData({
-                title: 'ChillGPT',
+                title: '走马AI助手',
                 desc: '人工智能技术驱动的自然语言处理工具',
                 link: location.origin + '/ui',
                 imgUrl: 'https://cdn.raex.vip/image/2023-04-20-19-12-26ndDGBmTC.png',
                 success: function () {}
             })
             wx.updateTimelineShareData({
-                title: 'ChillGPT——人工智能技术驱动的自然语言处理工具',
+                title: '走马AI助手——人工智能技术驱动的自然语言处理工具',
                 imgUrl: 'https://cdn.raex.vip/image/2023-04-20-19-12-26ndDGBmTC.png',
                 link: location.origin + '/ui'
             })

src/views/chat/Chat.vue

@@ -601,10 +601,10 @@ function goVip() {
 
 <style lang="less" scoped>
 .vipCard {
-    background: linear-gradient(180deg, #f7f3ff, #f7f3ff 180px, #fff 200px, #fff);
+    background: linear-gradient(180deg, #EEFFF7, #EEFFF7 180px, #fff 200px, #fff);
 
     &.dark {
-        background: linear-gradient(180deg, #000033, #000033 180px, #0f1014 200px, #0f1014);
+        background: linear-gradient(180deg, #001727, #001727 180px, #0F1014 200px, #0F1014);
     }
 }
 </style>

src/views/chat/components/Message/Avatar.vue

@@ -21,8 +21,14 @@ const { isDark } = useTheme()
 
 <template>
     <template v-if="image">
-        <NAvatar v-if="isString(avatar) && avatar.length > 0" :src="avatar" :fallback-src="defaultAvatar" />
-        <NAvatar v-else round :src="defaultAvatar" />
+        <NAvatar
+            :size="32"
+            v-if="isString(avatar) && avatar.length > 0"
+            :style="{ backgroundColor: 'transparent' }"
+            :src="avatar"
+            :fallback-src="defaultAvatar"
+        />
+        <NAvatar :size="32" v-else :src="defaultAvatar" :style="{ backgroundColor: 'transparent' }" />
     </template>
     <span v-else class="text-[28px] dark:text-white">
         <img src="@/assets/logo.png" v-if="isDark" alt="" />

src/views/chat/components/Message/index.vue

@@ -82,10 +82,7 @@ function handleRegenerate() {
 
 <template>
     <div ref="messageRef" class="flex w-full mb-6 overflow-hidden" :class="[{ 'flex-row-reverse': inversion }]">
-        <div
-            class="flex items-center justify-center flex-shrink-0 h-8 overflow-hidden rounded-full basis-8"
-            :class="[inversion ? 'ml-2' : 'mr-2']"
-        >
+        <div class="flex items-center justify-center flex-shrink-0 h-8 basis-8" :class="[inversion ? 'ml-2' : 'mr-2']">
             <AvatarComponent :image="inversion" />
         </div>
         <div class="overflow-hidden text-sm" :class="[inversion ? 'items-end' : 'items-start']">

src/views/page/HomeView.vue

@@ -13,20 +13,21 @@
             <n-page-header>
                 <template #title>
                     <div class="flex items-center py-3 lg:py-8 pl-4 lg:pl-15 2xl:pl-52" @click="showConsoleEve">
-                        <n-avatar :size="isMobile ? 'small' : 'medium'" :src="logo"></n-avatar>
-                        <span class="ml-[6px] lg:ml-3 text-white text-base lg:text-lg alimamaShuHeiTi">CHILLGPT </span>
+                        <!-- <n-avatar :size="isMobile ? 'small' : 'medium'" :src="logo"></n-avatar> -->
+                        <!-- <span class="ml-[6px] lg:ml-3 text-white text-base lg:text-lg alimamaShuHeiTi">走马AI助手 </span> -->
+                        <img src="@/assets/logo-text.png" class="h-[28px] md:h-[40px]" alt="" />
                     </div>
                 </template>
                 <template #extra>
                     <div class="flex items-center py-3 lg:py-[30px] pr-4 lg:pr-15 2xl:pr-52">
-                        <n-button text class="!p-[8px] !mr-[8px] lg:!p-[12px] lg:!mr-[12px]" @click="showDesc = true">
+                        <!-- <n-button text class="!p-[8px] !mr-[8px] lg:!p-[12px] lg:!mr-[12px]" @click="showDesc = true">
                             <img
                                 class="w-[20px] h-[20px] lg:w-[24px] lg:h-[24px]"
                                 src="@/assets/icon_jieshao.png"
                                 alt=""
                             />
                             <span class="text-white ml-[4px] lg:ml-[6px] text-xs lg:text-sm">介绍</span>
-                        </n-button>
+                        </n-button> -->
                         <template v-if="isLogin">
                             <n-button text v-if="isMobile" @click="goMine">
                                 <user-avatar avatarType="small" onlyAvatar />
@@ -53,15 +54,15 @@
         </NConfigProvider>
 
         <div class="flex flex-col items-center content-center flex-1 pt-4 pb-24 lg:py-32 page-content">
-            <img src="@/assets/brand.png" class="w-3/4 max-w-3xl" alt="" />
+            <img src="@/assets/brand.png" class="w-3/4 max-w-[510px]" alt="" />
 
             <div class="text-xs leading-6 lg:text-lg text-white text-center mt-4 w-[90%] max-w-4xl">
-                CHILLGPT
+                走马AI助手
                 是人工智能技术驱动的自然语言处理工具，它能够通过理解和学习人类的语言来进行对话，还能根据聊天的上下文进行互动，真正像人类一样来聊天交流，甚至能完成撰写邮件、视频脚本、文案、翻译、代码，写论文等任务。
             </div>
 
             <NConfigProvider
-                class="w-[90%] max-w-5xl mt-8"
+                class="w-[90%] max-w-xl mt-8"
                 :theme-overrides="{
                     common: { cardColor: 'transparent' },
                     Card: {
@@ -83,7 +84,7 @@
                     >
                         会员权益
                     </div>
-                    <n-grid cols="4 s:4 m:8" responsive="screen" class="py-[10px] lg:py-0">
+                    <n-grid cols="4" responsive="screen" class="py-[10px] lg:py-0">
                         <n-grid-item v-for="item in items" :key="item.name">
                             <div class="flex flex-col items-center pt-[10px] pb-[10px] lg:pt-5 lg:pb-7">
                                 <img class="w-11 h-11" :src="item.img" alt="" />
@@ -160,14 +161,14 @@
                         style="background: linear-gradient(180deg, #e8f2ff 0%, #fbf1ff 100%)"
                     >
                         <img class="w-[180px] block mx-[auto]" src="@/assets/png-wenzi.png" alt="" />
-                        <div class="text-center text-[10px] text-[#2900D499] uppercase">CHILLGPT introduce</div>
+                        <div class="text-center text-[10px] text-[#2900D499] uppercase">走马AI助手 introduce</div>
                         <div class="text-black text-sm px-4 pb-[22px] pt-[10px]">
                             <p>
-                                为维持高速稳定的客户体验，ChillGPT采用微软Microsoft
+                                为维持高速稳定的客户体验，走马AI助手采用微软Microsoft
                                 Azure云服务器，微软Azure是业界第一名的智能AI、物联网、混合云，集机器学习、数据分析与信息系统服务集大成，是唯一在中国正式商用的国际公有云。OpenAi公司的ChatGPT即部署于微软Azure，确保了两者的同源与互通。
                             </p>
                             <p class="mt-[10px]">
-                                针对国内用户的使用习惯，ChillGPT专门对微信生态进行了全面优化，用户不用跳转到外部浏览器，将ChillGPT保存到“收藏”内，即可完成一键登录、使用，复制、分享等功能，在微信上的响应速度、使用体验远超同类产品。
+                                针对国内用户的使用习惯，走马AI助手专门对微信生态进行了全面优化，用户不用跳转到外部浏览器，将走马AI助手保存到“收藏”内，即可完成一键登录、使用，复制、分享等功能，在微信上的响应速度、使用体验远超同类产品。
                             </p>
                         </div>
                     </div>
@@ -237,29 +238,9 @@ const items = [
         img: imgHuihua
     },
     {
-        name: '推荐奖励',
-        desc: '一级经销商权限',
-        img: imgItem02
-    },
-    {
-        name: '空投福利',
-        desc: '高价值数字藏品',
-        img: imgItem03
-    },
-    {
-        name: '测试白名单',
-        desc: '第一优先级',
-        img: imgItem05
-    },
-    {
-        name: 'CHILLGPT PIX',
+        name: '走马AI助手',
         desc: '六个月免费会员',
         img: imgItem06
-    },
-    {
-        name: '申请CHILLGPT',
-        desc: '城市级节点权限',
-        img: imgItem07
     }
 ]
 

src/views/page/LoginView.vue

@@ -5,7 +5,7 @@
                 <ChevronLeft />
             </n-icon>
         </n-el>
-        <n-el class="text-2xl font-bold text-gray-900 dark:text-white">登陆CHILLGPT</n-el>
+        <n-el class="text-2xl font-bold text-gray-900 dark:text-white">登陆走马AI助手</n-el>
         <n-el class="text-xs mt-2 text-gray-400 dark:text-gray-500">未注册手机验证后自动注册登录</n-el>
 
         <div class="py-9">

src/views/page/VipView.vue

@@ -60,10 +60,10 @@ export default defineComponent({
 
 <style lang="less" scoped>
 .page {
-    background: linear-gradient(180deg, #f7f3ff, #f7f3ff 210px, #fff 240px, #fff);
+    background: linear-gradient(180deg, #EEFFF7, #EEFFF7 180px, #fff 200px, #fff);
 
     &.dark {
-        background: linear-gradient(180deg, #000033, #000033 210px, #0f1014 240px, #0f1014);
+        background: linear-gradient(180deg, #001727, #001727 180px, #0F1014 200px, #0F1014);
     }
 }
 :deep(.n-page-header) {