You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
460 B
33 lines
460 B
7 months ago
|
<template>
|
||
|
|
<view class="i-nav">
|
||
|
|
{{title}}
|
||
|
|
<view class="slot">
|
||
|
|
<slot />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name:"i-nav",
|
||
|
|
props: ['title']
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.i-nav {
|
||
|
|
height: 40px;
|
||
|
|
background-color: #fafafa;
|
||
|
|
box-shadow: 0 1px 2px #aaa;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 40px;
|
||
|
|
font-weight: bold;
|
||
|
|
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.slot {
|
||
|
|
position: absolute;
|
||
|
|
top: 5px;
|
||
|
|
right: 10px;
|
||
|
|
}
|
||
|
|
</style>
|