From fbd97c44c79368169590a55205482df25650c161 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期五, 28 六月 2024 15:17:20 +0800
Subject: [PATCH] 新建聊天
---
src/views/project/ch/home/Scenario.vue | 122 +++++++++++++++++++++++++++++++++++++++-
1 files changed, 119 insertions(+), 3 deletions(-)
diff --git a/src/views/project/ch/home/Scenario.vue b/src/views/project/ch/home/Scenario.vue
index 7da32b3..7635386 100644
--- a/src/views/project/ch/home/Scenario.vue
+++ b/src/views/project/ch/home/Scenario.vue
@@ -1,6 +1,6 @@
<template>
<!-- 搴旂敤鍦烘櫙 -->
- <div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] overflow-hidden pt-[42px] pr-[32px] pb-[50px] pl-[32px]">
+ <div class="w100 h100 box-border text-[14px] bg-[#f7f8fa] overflow-hidden pr-[32px] pb-[50px] pl-[32px] pt-[42px]">
<div class="set-body">
<div class="productivity recently">
<p class="mb-[24px] flex items-center">
@@ -16,10 +16,32 @@
</div>
<div class="productivity">
<div class="mb-[24px]">
- <span class="productivity-span"><i></i>鐢熶骇鍔�</span>
+ <span class="productivity-span"><i></i>閫氱敤鐨勫満鏅�</span>
</div>
<div class="flex flex-wrap items-center">
- <div class="list_app" v-for="item in state.recentlyList" :key="item.ID">
+ <div class="list_app" v-for="item in state.productivityList" :key="item.ID">
+ <img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
+ <span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
+ </div>
+ </div>
+ </div>
+ <div class="productivity">
+ <div class="mb-[24px]">
+ <span class="productivity-span"><i></i>姘村姟搴旂敤鍦烘櫙</span>
+ </div>
+ <div class="flex flex-wrap items-center">
+ <div class="list_app" v-for="item in state.waterApplicationList" :key="item.ID">
+ <img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
+ <span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
+ </div>
+ </div>
+ </div>
+ <div class="productivity">
+ <div class="mb-[24px]">
+ <span class="productivity-span"><i></i>杈呭姪瀛︿範</span>
+ </div>
+ <div class="flex flex-wrap items-center">
+ <div class="list_app" v-for="item in state.studyList" :key="item.ID">
<img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" />
<span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span>
</div>
@@ -41,6 +63,82 @@
{
ID: 2,
Name: '宸ヤ綔鍐呭',
+ Icon: '/static/images/scene/scene_2.png',
+ },
+ ], //鏈�杩戜娇鐢�
+ productivityList: [
+ {
+ ID: 1,
+ Name: '鐭ヨ瘑搴�',
+ Icon: '/static/images/scene/scene_1.png',
+ },
+ {
+ ID: 2,
+ Name: '鏂囨湰浼樺寲',
+ Icon: '/static/images/scene/scene_2.png',
+ },
+ {
+ ID: 3,
+ Name: '鐭ヨ瘑搴�',
+ Icon: '/static/images/scene/scene_3.png',
+ },
+ {
+ ID: 4,
+ Name: '甯歌鐨勫簲鐢�',
+ Icon: '/static/images/scene/scene_2.png',
+ },
+ {
+ ID: 5,
+ Name: '鏂囩敓鏂�',
+ Icon: '/static/images/scene/scene_3.png',
+ },
+ {
+ ID: 6,
+ Name: '鍚堝悓妯℃澘',
+ Icon: '/static/images/scene/scene_2.png',
+ },
+ {
+ ID: 7,
+ Name: '鐩存挱甯﹁揣',
+ Icon: '/static/images/scene/scene_3.png',
+ },
+ {
+ ID: 8,
+ Name: '鏂板獟浣撴枃妗�',
+ Icon: '/static/images/scene/scene_2.png',
+ },
+ ], //閫氱敤鐨勫満鏅�
+ waterApplicationList: [
+ {
+ ID: 1,
+ Name: '姘村巶鐢熶骇',
+ Icon: '/static/images/scene/scene_1.png',
+ },
+ {
+ ID: 2,
+ Name: '绠＄綉鐩戞祴',
+ Icon: '/static/images/scene/scene_2.png',
+ },
+ {
+ ID: 3,
+ Name: '绠＄綉杩愯',
+ Icon: '/static/images/scene/scene_3.png',
+ },
+ {
+ ID: 4,
+ Name: '浜ч攢宸�',
+ Icon: '/static/images/scene/scene_2.png',
+ },
+ ],
+ studyList: [
+ {
+ ID: 1,
+ Name: '璁烘枃鍔╂墜',
+ Icon: '/static/images/scene/scene_1.png',
+ },
+ {
+ ID: 2,
+ Name: '鍏朵粬',
Icon: '/static/images/scene/scene_2.png',
},
],
@@ -83,6 +181,24 @@
cursor: pointer;
position: relative;
background-color: #fff;
+ &:hover {
+ border: 1px solid #1c86ff;
+ }
+ }
+ .productivity-span {
+ font-size: 14px;
+ color: #081735;
+ line-height: 20px;
+ display: flex;
+ align-items: center;
+ i {
+ display: block;
+ width: 4px;
+ height: 14px;
+ background: #1c86ff;
+ border-radius: 0 100px 100px 0;
+ margin-right: 10px;
+ }
}
}
.recently {
--
Gitblit v1.9.3