admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-07 17:48:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: ✨ NavbarCapsule 导航胶囊组件支持外部传入样式

Browse Source
This commit is contained in:
不如摸鱼去 2025-01-24 23:31:53 +08:00
parent 4575099b9b
commit fb980e7d9b
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/uni_modules/wot-design-uni/components/wd-navbar-capsule/types.ts
View File

@ -0,0 +1,8 @@
import type { ExtractPropTypes } from 'vue'
import { baseProps } from '../common/props'
export const navbarCapsuleProps = {
...baseProps
}
export type NavbarCapsuleProps = ExtractPropTypes<typeof navbarCapsuleProps>

5
src/uni_modules/wot-design-uni/components/wd-navbar-capsule/wd-navbar-capsule.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="wd-navbar-capsule"> <view :class="`wd-navbar-capsule ${customClass}`" :style="customStyle">
<wd-icon @click="handleBack" name="chevron-left" custom-class="wd-navbar-capsule__icon" /> <wd-icon @click="handleBack" name="chevron-left" custom-class="wd-navbar-capsule__icon" />
<wd-icon @click="handleBackHome" name="home" custom-class="wd-navbar-capsule__icon" /> <wd-icon @click="handleBackHome" name="home" custom-class="wd-navbar-capsule__icon" />
</view> </view>
@ -17,7 +17,10 @@ export default {
<script lang="ts" setup> <script lang="ts" setup>
import wdIcon from '../wd-icon/wd-icon.vue' import wdIcon from '../wd-icon/wd-icon.vue'
import { navbarCapsuleProps } from './types'
const emit = defineEmits(['back', 'back-home']) const emit = defineEmits(['back', 'back-home'])
defineProps(navbarCapsuleProps)
function handleBack() { function handleBack() {
emit('back') emit('back')