From b68edf1ec5867dd2bd60ee64a205879093b5cf4f Mon Sep 17 00:00:00 2001 From: zhaowei <zhaowei> Date: 星期二, 30 七月 2024 17:47:07 +0800 Subject: [PATCH] 1、调整登录页及首页样式(暂未使用响应式布局,背景图片需压缩,页面加载慢) 2、新增大模型对话页面 3、新增菜单管理使用自定义icon功能 4、调整全局项目名称和LOGO(除浏览器页签logo,暂无黑底logo的底图) --- src/views/dashboard/Analysis.vue | 101 +++++++++++++++++++++++++++++++++++++------------- 1 files changed, 74 insertions(+), 27 deletions(-) diff --git a/src/views/dashboard/Analysis.vue b/src/views/dashboard/Analysis.vue index 029f378..c114116 100644 --- a/src/views/dashboard/Analysis.vue +++ b/src/views/dashboard/Analysis.vue @@ -1,46 +1,93 @@ <template> - <div> - <a-card> - {{answer}} - </a-card> - <a-input-search placeholder="input search text" enter-button @search="onSearch"/> + <div class="page-container"> + <div class="page-container-top"> + <div v-for="(item,index) in gifList" :key="index" class="single-gif-container"> + <img :src="item.gifUrl"> + <div>{{item.gifContent}}</div> + </div> + </div> + <div class="container-split-line"></div> + <div class="page-container-bottom"> + <img src="@/assets/page/index/eng-label.png"> + </div> </div> </template> <script> - import { getDataAfterSearchByApi } from '@/api/AI' - export default { name: 'Analysis', components: {}, data() { return { - answer: '' + gifList: [ + { + gifUrl: require('@/assets/page/index/gif1.gif'), + gifContent: '鏈哄簥鍦ㄧ幇浠e伐涓氱敓浜т腑鎵紨鐫�鑷冲叧閲嶈鐨勮鑹层�傚畠浠槸鍒堕�犱笟鐨勬牳蹇冭澶囷紝涓洪噾灞炪�佸鏂欍�佹湪鏉愮瓑鏉愭枡鐨勫姞宸ユ彁渚涗簡鍧氬疄鐨勫熀纭�銆傛棤璁烘槸姹借溅銆侀鏈恒�佸鐢ㄧ數鍣ㄨ繕鏄缓绛戞潗鏂�,鍑犱箮鎵�鏈夌殑鍒舵垚鍝侀兘闇�瑕佺粡杩囨満搴婄殑鍔犲伐鍜屽埗閫犮�傚彲浠ヨ,鐜颁唬绀句細鐨勬柟鏂归潰闈㈤兘绂讳笉寮�鏈哄簥鐨勮础鐚��' + }, + { + gifUrl: require('@/assets/page/index/gif2.gif'), + gifContent: '鐢变簬鏈哄簥璁惧鐨勫鏉傛�у拰闀挎湡杩愯,缁存姢鍜屼繚鍏诲伐浣滄樉寰楀挨涓洪噸瑕併�傚畾鏈熺殑淇濆吇鍜岀淮淇彲浠ョ‘淇濇満搴婄殑楂樻晥绋冲畾杩愯,寤堕暱浣跨敤瀵垮懡,閬垮厤鏄傝吹鐨勮澶囨晠闅滃拰鐢熶骇绾垮仠宸ャ�傚悓鏃�,鍙婃椂瑙e喅鏈哄簥鏁呴殰涔熸槸缁存姢鐢熶骇鏁堢巼鐨勫叧閿墍鍦ㄣ��' + }, + { + gifUrl: require('@/assets/page/index/gif3.gif'), + gifContent: '浼犵粺鐨勬満搴婄淮淇ā寮忓瓨鍦ㄤ竴浜涚棝鐐癸紝渚嬪渚濊禆鏈夐檺鐨勭淮淇汉鍛樼粡楠屻�佹煡闃呯閲嶇殑缁翠慨鎵嬪唽銆侀毦浠ヨ鐩栨墍鏈夋晠闅滄儏鍐电瓑銆傝�屽埄鐢ㄨ嚜鐒惰瑷�澶фā鍨嬬粨鍚堢數瀛愯鏄庝功鐨勬柟寮忥紝鍙互涓烘満搴婄淮淇甫鏉ュ叏鏂扮殑瑙e喅鏂规鍜屼紭鍔裤��' + } + ] } }, created() { }, - methods: { - onSearch() { - const param = { - 'id': '683a65fd-8feb-4446-ad32-714c4785f667', - 'messages': [ - { - 'role': 'user', - 'content': '缁欐垜璁蹭釜鏁呬簨锛�' - } - ], - 'stream': false, - 'max_tokens': 500 - } - getDataAfterSearchByApi() - .then(res => { - console.log('res', res) - this.answer = res.result - }) + methods: {} + } +</script> +<style lang="less" scoped> + .page-container { + color: #fff; + display: flex; + flex-direction: column; + + .page-container-top { + display: flex; + justify-content: space-between; + padding: 100px 250px 0; + + .single-gif-container { + width: 400px; + display: flex; + flex-direction: column; + align-items: center; + font-size: 20px; + text-align: justify; + text-align-last: left; + + img { + width: 100%; + margin-bottom: 20px; + } + } + } + + .container-split-line { + height: 1px; + background: #fff; + width: 80%; + align-self: flex-end; + -webkit-justify-content: flex-end; + margin-top: 50px; + } + + .page-container-bottom { + display: flex; + justify-content: flex-end; + -webkit-justify-content: flex-end; + padding: 0 300px; + + img { + height: 280px; } } } -</script> \ No newline at end of file + +</style> \ No newline at end of file -- Gitblit v1.9.3