ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-15 15:40:52 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

cell component

Browse Source
This commit is contained in:
cookfront
2017-02-13 17:21:46 +08:00
parent 18d5372ddb
commit 35ec796e61
3 changed files with 43 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/cell/src/cell.vue
View File

@@ -1,19 +1,20 @@
<template>
<div class="o2-cell">
<a class="o2-cell" :href="url">
<div class="o2-cell-title">
<slot name="icon">
<i v-if="icon" class="o2-icon" :class="'o2-icon-' + icon"></i>
</slot>
<slot name="title">
<span class="o2-cell-text" v-text="title"></span>
</slot>
</div>
<div class="o2-cell-value">
<slot>
<span v-text="value"></span>
</slot>
<i class="o2-cell-arrow-right" v-if="isLink"></i>
</div>
<i class="o2-cell-arrow-right"></i>
</div>
</a>
</template>
<script>
@@ -22,7 +23,26 @@ export default {
props: {
icon: String,
title: String
title: String,
value: String,
url: String,
isLink: Boolean
}
};
</script>
<style>
@component-namespace o2 {
@component cell {
display: block;
@descendent title {
float: left;
}
@descendent value {
float: right;
}
}
}
</style>