test/HuLa
1
0
Fork 0
mirror of https://gitee.com/HuLaSpark/HuLa.git synced 2024-11-29 18:28:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

🌻 update(custom): 更新聊天框页面的图标样式

Browse Source
This commit is contained in:
nongyehong 2024-01-28 22:10:03 +08:00
parent 600e224fdb
commit 60bc859ce2
4 changed files with 431 additions and 627 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -7,7 +7,7 @@
<title>Tauri + Vue + TS</title>
<!--引入iconpark图标库-->
<script defer src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/svg_30895_19.ca3a534ea54d892a3f2cdbaae7ce41d0.js"></script>
<script defer src="https://lf1-cdn-tos.bytegoofy.com/obj/iconpark/svg_30895_25.171b1e7d797ee2659aa4b7df365ad0de.js"></script>
</head>
<body>

14
package.json
View File

@ -34,7 +34,7 @@
},
"dependencies": {
"@tauri-apps/api": "^1.5.3",
"axios": "^1.6.2",
"axios": "^1.6.7",
"dayjs": "^1.11.10",
"lodash-es": "^4.17.21",
"mitt": "^3.0.1",
@ -51,10 +51,10 @@
"@types/node": "^20.10.4",
"@typescript-eslint/eslint-plugin": "6.13.1",
"@typescript-eslint/parser": "^6.13.1",
"@unocss/preset-uno": "^0.58.3",
"@unocss/reset": "^0.58.3",
"@unocss/transformer-directives": "^0.58.3",
"@unocss/vite": "^0.58.3",
"@unocss/preset-uno": "^0.58.4",
"@unocss/reset": "^0.58.4",
"@unocss/transformer-directives": "^0.58.4",
"@unocss/vite": "^0.58.4",
"@vitejs/plugin-vue": "^5.0.3",
"@vitejs/plugin-vue-jsx": "^3.1.0",
"commitizen": "^4.3.0",
@ -76,7 +76,7 @@
"typescript": "^5.3.3",
"unplugin-auto-import": "^0.17.2",
"unplugin-vue-components": "^0.26.0",
"vite": "^5.0.10",
"vite": "5.1.0-beta.0",
"vue-tsc": "^1.8.27"
},
"config": {
@ -87,4 +87,4 @@
"config": "config/cz-config.cjs"
}
}
}
}

1007
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

35
src/components/chatBox/ChatMain.vue
View File

@ -1,6 +1,37 @@
<template>
<div>聊天信息框</div>
<!-- 顶部操作栏和显示用户名 -->
<div class="flex-y-center justify-between pl-20px pr-20px pt-8px pb-12px select-none">
<div>宝贝🐶 ⛅</div>
<div class="options flex-y-center gap-20px">
<svg><use href="#phone-call"></use></svg>
<svg><use href="#video-one"></use></svg>
<svg><use href="#computer"></use></svg>
<svg><use href="#devices"></use></svg>
<svg><use href="#newlybuild"></use></svg>
<svg><use href="#more"></use></svg>
</div>
</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
<div>123</div>
</template>
<script setup lang="ts"></script>
<style scoped></style>
<style scoped lang="scss">
.options {
svg {
width: 22px;
height: 22px;
color: #303030;
cursor: pointer;
&:hover {
color: #189f57;
}
}
}
</style>