小程序产品库完成
This commit is contained in:
27
src/components/AiIcon/AiIcon.vue
Normal file
27
src/components/AiIcon/AiIcon.vue
Normal file
@@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<section class="AiIcon">
|
||||
<view v-if="!singleColor" class="ai-icon" :class="icon" :style="{width:size+'px',height:size+'px'}"/>
|
||||
<view v-else class="iconfont" :style="{ fontSize: size + 'rpx', color: color }">{{ icon }}</view>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "AiIcon",
|
||||
props: {
|
||||
icon: String,
|
||||
singleColor: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
color: {
|
||||
type: String
|
||||
},
|
||||
size: {type: String, default: "32"}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import "./ai-icon.css";
|
||||
</style>
|
||||
658
src/components/AiIcon/ai-icon.css
Normal file
658
src/components/AiIcon/ai-icon.css
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user