new-mshop-view/pages/users/user_setting/index.vue

130 lines
3.0 KiB
Vue

<template>
<view class="user-setting">
<view class="list">
<view class='item acea-row row-between-wrapper' @click="gouser">
<view>个人信息</view>
<text class='iconfont icon-you'></text>
</view>
</view>
<view class="list other">
<view class='item acea-row row-between-wrapper' @click="goMultiple('sys_about_us')">
<view>关于我们</view>
<text class='iconfont icon-you'></text>
</view>
<view class='item acea-row row-between-wrapper' @click="goMultiple('sys_certificate')">
<view>资质证明</view>
<text class='iconfont icon-you'></text>
</view>
<view class='item acea-row row-between-wrapper' @click="gorules">
<view>协议规则</view>
<text class='iconfont icon-you'></text>
</view>
<!-- #ifdef MP -->
<view class='item acea-row row-between-wrapper' @click="Setting">
<view>隐私设置</view>
<text class='iconfont icon-you'></text>
</view>
<!-- #endif -->
</view>
</view>
</template>
<script>
import spread from "../../../libs/spread";
import { mapGetters } from "vuex";
export default{
name:'user-setting',
data(){
return{
}
},
computed: mapGetters(['isLogin','uid']),
onLoad(options) {
// 关系处理
if(options.spread) spread(options.spread, this.isLogin)
},
methods:{
/**
* 小程序设置
*/
Setting: function() {
uni.openSetting({
success: function(res) {}
});
},
//个人信息
gouser(){
uni.navigateTo({
url: '/pages/users/user_info/index'
})
},
//关于我们 资质证明
goMultiple(e){
uni.navigateTo({
url: '/pages/users/user_about/index?from='+e
})
},
gorules(){
uni.navigateTo({
url: '/pages/users/agreement_rules/index'
})
},
},
// #ifdef MP
// 分享给好友
onShareAppMessage () {
let pages = getCurrentPages();
let page = pages[pages.length - 1]
let shareData = {
title: '设置',
path: page.$page.fullPath || '/' + page.route,
};
// 判断:用户是否登录 已经登录则添加分享人信息,未登录则正常分享
if (this.isLogin) shareData.path = shareData.path + '?spread=' + this.uid;
// 返回最终的分享配置信息
return shareData
},
// 分享到朋友圈
onShareTimeline() {
let shareData = {
title: '设置',
query: {},
};
// 判断:用户是否登录 已经登录则添加分享人信息,未登录则正常分享
if (this.isLogin) shareData.query.spread = this.uid;
// 返回最终的分享配置信息
return shareData
},
// #endif
}
</script>
<style scoped lang="scss">
.user-setting {
margin-top: 2rpx;
.other {
margin-top: 15rpx;
}
.list {
background-color: #fff;
.item {
padding: 30rpx 30rpx 30rpx 0;
border-bottom: 1px solid #f2f2f2;
margin-left: 30rpx;
font-size: 32rpx;
color: #242424;
.iconfont {
font-size: 30rpx;
color: #8A8A8A;
}
}
}
}
</style>