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.
48 lines
856 B
48 lines
856 B
<template>
|
|
<view class="cell component" v-if="$slots.default || title" @click="(e)=>$emit('click',e)">
|
|
<view class="cell-button a-ov" @click="toPage()">
|
|
<slot>
|
|
<text>{{title}}</text>
|
|
<text class="cell-button__sub">{{content}}</text>
|
|
</slot>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name:"Cell",
|
|
props: [ 'title', 'content', 'path' ],
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
},
|
|
methods: {
|
|
toPage() {
|
|
uni.navigateTo({
|
|
url: this.path
|
|
})
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.cell.component{
|
|
.cell-button{
|
|
margin: 10rpx 20rpx;
|
|
border-radius: 10rpx;
|
|
padding: 20rpx 20rpx;
|
|
font-size: 28rpx;
|
|
box-shadow: 0px 1px 4px 0px rgba(255, 81, 40, 0.1);
|
|
background-color: white;
|
|
color: #333333;
|
|
}
|
|
.cell-button__sub{
|
|
font-size: 20rpx;
|
|
margin-left: 5rpx;
|
|
color: #aaaaaa;
|
|
}
|
|
}
|
|
</style>
|
|
|