update
This commit is contained in:
@@ -1,9 +1,14 @@
|
||||
<script setup>
|
||||
|
||||
const {active} = defineProps({
|
||||
active: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view class="!py-[14rpx] !px-[24rpx] text">
|
||||
<view :class="['!py-[14rpx] !px-[24rpx] text', active ? 'active' : '']">
|
||||
<slot></slot>
|
||||
</view>
|
||||
</template>
|
||||
@@ -16,5 +21,11 @@
|
||||
line-height: 140%;
|
||||
letter-spacing: 0;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
transition: 500ms;
|
||||
}
|
||||
|
||||
.active {
|
||||
background-color: rgba(106, 161, 255, 0.2);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user