70 lines
1.3 KiB
Vue
70 lines
1.3 KiB
Vue
<template>
|
|
<view class="container">
|
|
<view class="list">
|
|
<view class="list_item" @click="handleClick(item)" v-for="(item,index) in list" :key="index">
|
|
<view>{{ item.name }}</view>
|
|
<u-icon name="arrow-right" color="#575B66" size="28"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
shopUserInfo: null,
|
|
list: [
|
|
{name: "余额明细", url: "member/billDetails"},
|
|
{name: "密码设置", url: "member/setPassword"},
|
|
{name: "使用须知", url: "member/instructions"},
|
|
]
|
|
}
|
|
},
|
|
onLoad(e) {
|
|
this.shopUserInfo = JSON.parse(e.shopUserInfo)
|
|
},
|
|
|
|
methods: {
|
|
/**
|
|
* 跳转
|
|
*/
|
|
handleClick ( item ) {
|
|
uni.navigateTo({
|
|
url: `/pages/${item.url}?shopUserInfo=${JSON.stringify(this.shopUserInfo)}`
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="less">
|
|
page{
|
|
|
|
}
|
|
.container{
|
|
padding: 48rpx 20rpx;
|
|
.list{
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #fff;
|
|
border-radius: 24rpx;
|
|
padding: 16rpx 24rpx;
|
|
.list_item{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
border-bottom: 2rpx solid #E5E5E5;;
|
|
padding: 24rpx 0;
|
|
view{
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
}
|
|
.list_item:last-child{
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
</style> |