blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-05 19:41:44 +08:00
Code Issues Projects Releases Wiki Activity

style-优化iconify组件

Browse Source
This commit is contained in:
h_mo 2022-11-28 22:40:59 +08:00
parent 6f8f60a9f9
commit 79c956093b
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Iconify/index.vue
View File

@ -7,23 +7,21 @@
type: String, type: String,
}, },
size: { size: {
type: Number, type: [Number, String],
}, },
color: { color: {
type: String, type: String,
}, },
}); });
const iconName = computed(() => {
return `i-${props.icon}`;
});
const iconSize = ref<string | boolean>( const iconSize = ref<string | boolean>(
props.size ? `${props.size}rpx` : false, props.size ? `${props.size}rpx` : false,
); );
const style = computed(() => { const style = computed(() => {
return assign( return assign(
unref(iconSize) ? { size: props.size } : {}, unref(iconSize)
? { width: unref(iconSize), height: unref(iconSize) }
: {},
props.color ? { color: props.color } : {}, props.color ? { color: props.color } : {},
); );
}); });

10
src/pages/index/index.vue
View File

@ -29,13 +29,15 @@
<text class="">是否是Vue3: {{ isVue3 }}</text> <text class="">是否是Vue3: {{ isVue3 }}</text>
</view> </view>
<view class="text-area"> <view class="text-area">
<text class="">当前平台: {{ platform }}</text> <text class="un-text-red">当前平台: {{ platform }}</text>
</view> </view>
<BasicButton @click="handleGetStarted">Get Started → </BasicButton> <BasicButton @click="handleGetStarted">Get Started → </BasicButton>
<view class="un-text-red">uno css</view> <view class="un-text-red">uno css</view>
<Iconify icon="i-ph-anchor-simple-thin" /> <Iconify icon="i-ph-anchor-simple-thin" size="65" />
<Iconify icon="i-ph-airplane-thin" /> <Iconify icon="i-system-uicons-book-text" />
<Iconify icon="i-ant-design-check-circle-filled" /> <Iconify icon="i-system-uicons-battery-full" size="65" />
<Iconify icon="i-system-uicons-box-add" :size="65" />
<Iconify icon="i-system-uicons-bell-snooze" color="red" :size="65" />
</view> </view>
</AppProvider> </AppProvider>
</template> </template>