feat: use lucide icons
This commit is contained in:
@@ -39,7 +39,7 @@ defineExpose({
|
||||
<img :src="mapImageUrl" alt="地图位置" />
|
||||
</Row>
|
||||
<Row class="mt-2">
|
||||
<IconifyIcon icon="mdi:map-marker" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:map-pin" class="mr-1" />
|
||||
{{ label }}
|
||||
</Row>
|
||||
</Col>
|
||||
|
||||
@@ -298,7 +298,7 @@ watch(
|
||||
<Button type="primary" @click="selectMaterialFun(item)">
|
||||
选择
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:check-circle" />
|
||||
<IconifyIcon icon="lucide:circle-check" />
|
||||
</template>
|
||||
</Button>
|
||||
</Row>
|
||||
@@ -325,7 +325,7 @@ watch(
|
||||
<Button type="link" @click="selectMaterialFun(row)">
|
||||
选择
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:plus" />
|
||||
<IconifyIcon icon="lucide:plus" />
|
||||
</template>
|
||||
</Button>
|
||||
</template>
|
||||
@@ -342,7 +342,7 @@ watch(
|
||||
<Button type="link" @click="selectMaterialFun(row)">
|
||||
选择
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:plus-circle" />
|
||||
<IconifyIcon icon="lucide:circle-plus" />
|
||||
</template>
|
||||
</Button>
|
||||
</template>
|
||||
@@ -360,7 +360,7 @@ watch(
|
||||
<Button type="primary" @click="selectMaterialFun(item)">
|
||||
选择
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:check-circle" />
|
||||
<IconifyIcon icon="lucide:circle-check" />
|
||||
</template>
|
||||
</Button>
|
||||
</Row>
|
||||
|
||||
@@ -45,7 +45,7 @@ defineProps<{
|
||||
<div v-else-if="item.type === MsgType.Link" class="flex flex-col gap-2">
|
||||
<a :href="item.url" target="_blank" class="text-success no-underline">
|
||||
<div class="flex items-center text-sm font-medium text-[#52c41a]">
|
||||
<IconifyIcon icon="mdi:link" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:link" class="mr-1" />
|
||||
{{ item.title }}
|
||||
</div>
|
||||
</a>
|
||||
|
||||
@@ -108,7 +108,7 @@ function selectMaterial(item: any) {
|
||||
<Row class="ope-row" justify="center">
|
||||
<Button danger shape="circle" @click="onDelete">
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:delete" />
|
||||
<IconifyIcon icon="lucide:trash-2" />
|
||||
</template>
|
||||
</Button>
|
||||
</Row>
|
||||
@@ -121,7 +121,7 @@ function selectMaterial(item: any) {
|
||||
<Button type="primary" @click="showDialog = true">
|
||||
素材库选择
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:check-circle" />
|
||||
<IconifyIcon icon="lucide:circle-check" />
|
||||
</template>
|
||||
</Button>
|
||||
<Modal
|
||||
@@ -152,7 +152,7 @@ function selectMaterial(item: any) {
|
||||
<Button type="primary">
|
||||
上传图片
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:upload" />
|
||||
<IconifyIcon icon="lucide:upload" />
|
||||
</template>
|
||||
</Button>
|
||||
</Upload>
|
||||
|
||||
@@ -114,7 +114,7 @@ function selectMaterial(item: any) {
|
||||
/>
|
||||
<IconifyIcon
|
||||
v-else
|
||||
icon="mdi:plus"
|
||||
icon="lucide:plus"
|
||||
:size="40"
|
||||
class="text-gray-400"
|
||||
/>
|
||||
|
||||
@@ -50,7 +50,7 @@ function onDelete() {
|
||||
<Col class="ope-row">
|
||||
<Button danger shape="circle" @click="onDelete">
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:delete" />
|
||||
<IconifyIcon icon="lucide:trash-2" />
|
||||
</template>
|
||||
</Button>
|
||||
</Col>
|
||||
@@ -67,7 +67,7 @@ function onDelete() {
|
||||
: '选择草稿箱图文'
|
||||
}}
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:check-circle" />
|
||||
<IconifyIcon icon="lucide:circle-check" />
|
||||
</template>
|
||||
</Button>
|
||||
</Col>
|
||||
|
||||
@@ -140,7 +140,7 @@ function selectMaterial(item: any) {
|
||||
<Button type="primary" @click="showDialog = true">
|
||||
素材库选择
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:check-circle" />
|
||||
<IconifyIcon icon="lucide:circle-check" />
|
||||
</template>
|
||||
</Button>
|
||||
<Modal
|
||||
@@ -171,7 +171,7 @@ function selectMaterial(item: any) {
|
||||
<Button type="primary">
|
||||
新建视频
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:upload" />
|
||||
<IconifyIcon icon="lucide:upload" />
|
||||
</template>
|
||||
</Button>
|
||||
</Upload>
|
||||
|
||||
@@ -109,7 +109,7 @@ function selectMaterial(item: Reply) {
|
||||
<Row class="ope-row" justify="center">
|
||||
<Button danger shape="circle" @click="onDelete">
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:delete" />
|
||||
<IconifyIcon icon="lucide:trash-2" />
|
||||
</template>
|
||||
</Button>
|
||||
</Row>
|
||||
@@ -121,7 +121,7 @@ function selectMaterial(item: Reply) {
|
||||
<Button type="primary" @click="showDialog = true">
|
||||
素材库选择
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:check-circle" />
|
||||
<IconifyIcon icon="lucide:circle-check" />
|
||||
</template>
|
||||
</Button>
|
||||
<Modal
|
||||
@@ -152,7 +152,7 @@ function selectMaterial(item: Reply) {
|
||||
<Button type="primary">
|
||||
点击上传
|
||||
<template #icon>
|
||||
<IconifyIcon icon="mdi:upload" />
|
||||
<IconifyIcon icon="lucide:upload" />
|
||||
</template>
|
||||
</Button>
|
||||
</Upload>
|
||||
|
||||
@@ -89,7 +89,7 @@ defineExpose({
|
||||
<Tabs.TabPane :key="ReplyType.Text">
|
||||
<template #tab>
|
||||
<Row align="middle">
|
||||
<IconifyIcon icon="mdi:text" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:file-text" class="mr-1" />
|
||||
文本
|
||||
</Row>
|
||||
</template>
|
||||
@@ -100,7 +100,7 @@ defineExpose({
|
||||
<Tabs.TabPane :key="ReplyType.Image">
|
||||
<template #tab>
|
||||
<Row align="middle">
|
||||
<IconifyIcon icon="mdi:image" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:image" class="mr-1" />
|
||||
图片
|
||||
</Row>
|
||||
</template>
|
||||
@@ -111,7 +111,7 @@ defineExpose({
|
||||
<Tabs.TabPane :key="ReplyType.Voice">
|
||||
<template #tab>
|
||||
<Row align="middle">
|
||||
<IconifyIcon icon="mdi:microphone" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:mic" class="mr-1" />
|
||||
语音
|
||||
</Row>
|
||||
</template>
|
||||
@@ -122,7 +122,7 @@ defineExpose({
|
||||
<Tabs.TabPane :key="ReplyType.Video">
|
||||
<template #tab>
|
||||
<Row align="middle">
|
||||
<IconifyIcon icon="mdi:video" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:video" class="mr-1" />
|
||||
视频
|
||||
</Row>
|
||||
</template>
|
||||
@@ -133,7 +133,7 @@ defineExpose({
|
||||
<Tabs.TabPane :key="ReplyType.News">
|
||||
<template #tab>
|
||||
<Row align="middle">
|
||||
<IconifyIcon icon="mdi:newspaper" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:newspaper" class="mr-1" />
|
||||
图文
|
||||
</Row>
|
||||
</template>
|
||||
@@ -144,7 +144,7 @@ defineExpose({
|
||||
<Tabs.TabPane :key="ReplyType.Music">
|
||||
<template #tab>
|
||||
<Row align="middle">
|
||||
<IconifyIcon icon="mdi:music" class="mr-1" />
|
||||
<IconifyIcon icon="lucide:music" class="mr-1" />
|
||||
音乐
|
||||
</Row>
|
||||
</template>
|
||||
|
||||
@@ -26,7 +26,7 @@ function playVideo() {
|
||||
<div class="cursor-pointer" @click="playVideo()">
|
||||
<!-- 提示 -->
|
||||
<div class="flex items-center">
|
||||
<IconifyIcon icon="mdi:play-circle" :size="32" class="mr-2" />
|
||||
<IconifyIcon icon="lucide:circle-play" :size="32" class="mr-2" />
|
||||
<p class="text-sm">点击播放视频</p>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -68,8 +68,12 @@ function amrStop() {
|
||||
<!-- 微信消息 - 语音播放 -->
|
||||
<div class="wx-voice-div cursor-pointer" @click="playVoice">
|
||||
<div class="flex items-center">
|
||||
<IconifyIcon v-if="playing !== true" icon="mdi:play-circle" :size="32" />
|
||||
<IconifyIcon v-else icon="mdi:pause-circle" :size="32" />
|
||||
<IconifyIcon
|
||||
v-if="playing !== true"
|
||||
icon="lucide:circle-play"
|
||||
:size="32"
|
||||
/>
|
||||
<IconifyIcon v-else icon="lucide:circle-pause" :size="32" />
|
||||
<span v-if="duration" class="amr-duration">{{ duration }} 秒</span>
|
||||
</div>
|
||||
<div v-if="content" class="mt-2">
|
||||
|
||||
Reference in New Issue
Block a user