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.
57 lines
1.1 KiB
57 lines
1.1 KiB
2 years ago
|
<template>
|
||
|
|
<view class="sh-user-menu-box u-m-b-10">
|
||
|
|
<view class="menu-item u-flex u-row-between u-border-bottom" hover-stay-time="150" hover-class="u-cell-hover" v-for="(item, index) in list" :key="index" @tap="jump(item)">
|
||
|
|
<view class="menu-head u-flex u-col-center">
|
||
|
|
<image class="menu-img u-m-r-10" :src="item.image" mode=""></image>
|
||
|
|
<view class="menu-title ">{{ item.name }}</view>
|
||
|
|
</view>
|
||
|
|
<view class="u-iconfont uicon-arrow-right" style="color: #969799;font-size: 28rpx;"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
/**
|
||
|
|
*shCell-功能列表
|
||
|
|
* @property {Array} list - 列表信息
|
||
|
|
*/
|
||
|
|
export default {
|
||
|
|
components: {},
|
||
|
|
data() {
|
||
|
|
return {};
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
list: {
|
||
|
|
type: Array,
|
||
|
|
default: () => {
|
||
|
|
return [];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {},
|
||
|
|
methods: {
|
||
|
|
jump(data) {
|
||
|
|
this.$tools.routerTo(data.path);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.menu-item {
|
||
|
|
background-color: #fff;
|
||
|
|
width: 100%;
|
||
|
|
padding: 26rpx 32rpx;
|
||
|
|
font-size: 28rpx;
|
||
|
|
line-height: 54rpx;
|
||
|
|
.menu-img {
|
||
|
|
width: 36rpx;
|
||
|
|
height: 36rpx;
|
||
|
|
}
|
||
|
|
.menu-title {
|
||
|
|
font-size: 26rpx;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|